Mobile Support

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

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

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

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 7 years, 1 month ago by darrmik.

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