Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 24, 2021 at 2:51 am #1318055
    aussiedropbear

    Hi,

    Please refer to this link where we had corrected an issue of overlap on the layerslider and other elements:
    https://kriesi.at/support/topic/color-section-overlay-layerslider-in-mobile-view/

    I still seem to have the same issue occurring but not on the home page but on other pages using the same layout.

    I am in the process of auto generating a large quantity of pages using ‘page generator pro’ however when i view these on a mobile I am getting the same overlap from occurring?

    I have in the PC below admin login with links to the two pages published test pages (car tint and hometint) along with example images of the layerslider being cut off and a further overlay occurring from another section a little further down cutting off the button with the image.

    Any assistance is appreciated.

    Cheers
    John

    August 25, 2021 at 5:38 am #1318210
    Rikard

    Hey John,

    Please try this CSS instead:

    @media only screen and (max-width: 479px) {
#av_section_1 .av_two_fifth, #av_section_1 .av_three_fifth {
  margin-top: 0 !important;
}
}

    If you want a bit more specific CSS, then please assign an ID to the section with the 1/5 and 1/3, and replace av_section_1 in the code, with the ID you added.

    Best regards,
    Rikard

    August 26, 2021 at 1:58 am #1318356
    aussiedropbear

    Thanks Rikard.

    Did the trick. As always stellar support.

    Cheers
    John

    August 27, 2021 at 4:58 am #1318548
    Nikko

    Hi John,

    We are glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘sections overlay layerslider on mobile view’ is closed to new replies.