Header Changes on mobile version

Hey Leon,
Thanks for the link, it looks like you have this custom css for a max-width of 479px

.avia-slideshow-inner li .avia-slide-wrap img  {
    min-height: 250px; !important
}

Please try removing it.
If you can’t find it Please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for the login, I took a look and commented out the one line:

.avia-slideshow-inner li .avia-slide-wrap img 

to remove the height of the slider. I noticed that the difference between these pages and the others are that the other sliders are full width. But when you have a full-width slider your sidebar will be pushed down at desktop screen size.

To adjust your easy slider width for mobile and allow the rest of the page content to be set to 90% width I added the custom class “mobile-width” to your page columns and used this css in your Quick CSS:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all .container {
    width: 100% !important; 
    max-width: 100% !important; 
}
.mobile-width, #top.page-id-113 #footer {
    width: 90% !important; 
    max-width: 90% !important; 
margin: 0 5% 0 5% !important;
}
}

Please clear your browser cache and check, and review the page in the Private Content area.

Best regards,
Mike

Hi,
I have restored it for you.
Please clear your browser cache and check.

Best regards,
Mike