Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 13, 2018 at 7:28 am #1009248
    aussiedropbear

    Hi,

    I am rebuilding my own site using the Medical demo. I like the the overlay of elements between the slider and the three boxes on the hom page however when viewed on the mobile this overlay impacts on what can be viewed.

    I really only need it not to do this on the home page as all other pages I am happy to leave them as is.

    Is there a way to do this?

    Many thanks in advance.
    John

    September 13, 2018 at 11:11 am #1009321
    Rikard

    Hey John,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .av-equal-height-column-flextable {
margin-top: -139px !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 6 years, 2 months ago by Rikard.
    September 13, 2018 at 12:17 pm #1009349
    aussiedropbear

    Thanks Rikard. That did the trick!

    Now I can see what the slider is doing in mobile I can see the informaiton to be displayed is cropped off. That is, not enough height to the slider in mobile view.

    Is there a way to increase the height of the full width easy slider in mobile view or should I be increasing its height in desktop view to account for the lack of height in mobile?

    Thanks
    john

    September 13, 2018 at 12:22 pm #1009350
    aussiedropbear

    Disregard previous message..found this:

    @media only screen and (max-width: 480px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
    height: 300px !important;
    }
    }

    All is good :)
    Many thanks
    John

    September 13, 2018 at 3:55 pm #1009457
    Nikko

    Hi John,

    Glad to hear that :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Prevent overlap when in mobile view’ is closed to new replies.