Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 6, 2017 at 12:06 pm #743288
    whdsolutions

    Hello there

    I would like to ask how to make the mobile view happen at 1390px as you can see in the page supplied…

    OR

    How to anchor the right of the image to the center of the page as we are getting overflow of text on the background image on smaller screens.

    February 6, 2017 at 12:11 pm #743293
    Yigit

    Hey whdsolutions!

    Please refer to this post – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Cheers!
    Yigit

    February 6, 2017 at 12:28 pm #743306
    whdsolutions

    Thank for that, but that is only fixing one part of my question.

    If you go to the page and view at 1360px, this is fine – if you view at (let’s say) 1300px, the image starts to go behind the text.

    What I need to happen is for the text to go full width like it does at 767px, when it is actually at 1359px

    Hope that’s clear enough… It’s quite hard to explain :-)

    February 10, 2017 at 9:15 am #745270
    Ismael

    Hey!

    It’s possible to decrease the size of the background image on smaller screens.

    @media only screen and (max-width: 1359px) {
#av_section_2.avia-section {
    background-size: 50%;
}
}

    Or replace the color section with the grid row element and create two cells. Add the background in the first cell and the text in the second cell.

    Regards,
    Ismael

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