Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1106185

    Hello,

    I set some headers for some pages 1500×630 but these change on mobile version. On the mobile version the photos are stretched..
    How can I fix this problem?

    Thank you!

    #1106261

    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

    #1106389

    Hello Mike,

    That you for your advice,
    I tried to remove the code but that on mobile all of the header photos look really change, it looks like they all get a padding at the right side of about 20%, it will show as a white space..

    Could you check it for me please?
    Thank you!

    • This reply was modified 1 year, 3 months ago by  Leonsz.
    #1106434

    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

    #1106450

    Hello Mike,

    I just checked my website on mobile, and see that the text is all outside my screen now…
    Could you set everything back to how it was?

    • This reply was modified 1 year, 3 months ago by  Leonsz.
    • This reply was modified 1 year, 3 months ago by  Leonsz.
    #1106469

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

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.