Mobile Support

  • Resolved darrmik

    (@darrmik)


    8 years, 8 months ago

    Am I missing the setting? How can I make the mobile version look similar to the desktop. Currently the mobile version has all the pages being either cut off on the right edge, or only a couple words on each line.

    Thank you

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author CrestaProject

    (@crestaproject)

    8 years, 7 months ago

    Hi @darrmik
    there seems to be a custom CSS code in your site, this one:

    
.aboutus_columns_three.one {
    margin: 1em 20em 1em 20em;
}

    This custom code works on desktop but has problems with mobile version, try this code:

    
@media all and (min-width: 767px) {
	.aboutus_columns_three.one {
		margin: 1em 20em 1em 20em;
	}
}

    Best Regards,
    CrestaProject

    Thread Starter darrmik

    (@darrmik)

    8 years, 7 months ago

    I took and removed the CSS you noted above and replaced it with the code you provided.

    Unfortunately, The problem still persists.

    Here is a screen from an Android phone.
    https://drive.google.com/open?id=0BxZKjlW4FSgANXNkMG5uRmkyaWM

    The red image at the top is the bottom of the Slider.

    Do you have any further suggestions?

    Currently, I have reactivated a Plugin that allows the page to display “acceptably” on a mobile device. I would much prefer the slider over the stop gap solution I have in place.

    Thanx

    Theme Author CrestaProject

    (@crestaproject)

    8 years, 7 months ago

    Hi @darrmik
    you have to remove the old code

    
.aboutus_columns_three.one {
    margin: 1em 20em 1em 20em;
}

    and just leave the code I gave you in the previous post.

    Best Regards,
    CrestaProject

    Thread Starter darrmik

    (@darrmik)

    8 years, 7 months ago

    Ok….figured out what I did wrong there.

    The code makes the mobile work, since it scrolls the Header image as the page scrolls, but over on the Desktop side, since the header image does NOT scroll with the page, the slider is hiding my Header image. Is there a workaround for this? Possible make the header image scroll? Can we move the Title and Image up to the level of the menu as that is not scrolled over??

    Thanx

    • This reply was modified 8 years, 7 months ago by darrmik.
    Thread Starter darrmik

    (@darrmik)

    8 years, 7 months ago

    Sorry took so long to get back to this…not sure if there was an update of one of the other changes I have made along the way did the trick, but the Header image is up above the main content.

    Thanx

    darrmik

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile Support’ is closed to new replies.

Tags