Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 16, 2018 at 6:16 pm #973682
    fabienneRedUmb

    Hello,
    I removed the container padding to let the easy slider stretch to the edges of the color section. 

    .container {
    padding: 0;
}

    This works great, but not for smaller screen sizes. What can I do?

    June 16, 2018 at 7:06 pm #973696
    Mike

    Hey fabienneBESD,
    I couldn’t find the page with the easy slider to see the issue, but if the above code works good for you, except for small mobile screens, then change the code to this:

    @media only screen and (min-width: 767px) { 
.container {
    padding: 0;
}
}

    Best regards,
    Mike

    June 16, 2018 at 7:09 pm #973697
    fabienneRedUmb

    Thank you, but this doesnt work. On small screens there is still a padding.

    June 16, 2018 at 8:16 pm #973731
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100% !important; 
    max-width: 100% !important; 
}
}

    Best regards,
    Mike

    June 16, 2018 at 8:19 pm #973732
    fabienneRedUmb

    Thx, that did it.
    How would I get the font on the easy slider to also size down on smaller screens?

    June 17, 2018 at 1:55 pm #973889
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
#top.home .avia-caption-content {
    font-size: 12px !important; 
}
#top.home .avia-caption-title {
    font-size: 20px !important; 
}
}

    Adjust to suit

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.