Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 24, 2018 at 10:03 am #902009
    KingFilly

    Hi Moderators,

    I created some columns and change the padding for a nice view on desktop.
    Unfortunately the layout breaks when you for instance zoom in to 110%. It’s logical this happens, since the font becomes larger it doesn’t have enough space in the columns.

    But is there a way to fix this, so the layout doesn’t look so ugly?
    Same counts for smaller screens: when you change your screen to width 1112px it also breaks the layout.
    See screenshots, link and pw in private content.

    Hope you guys can help me out.

    January 24, 2018 at 10:08 am #902013
    KingFilly

    Is there a way to disable the general Zoom function and keep the responsive function?
    This way problem one is solved :)

    By the way; I work with Chrome on a Imac.

    January 25, 2018 at 8:32 pm #903015
    KingFilly

    any help on this guys?

    January 26, 2018 at 8:43 pm #903513
    Yigit

    Hi,

    Your website does not load on my end at the moment. Please make sure you are using the latest version of Enfold which is currently 4.2.2 – kriesi.at/documentation/enfold/updating-your-theme-files/.

    Zoom functionality is a browser functionality and it does not correctly reflect responsiveness of your site and since it is a browser functionality, there is not much we can do on our end :)

    Best regards,
    Yigit

    January 30, 2018 at 10:58 am #904710
    KingFilly

    Are you sure it doesn’t load Yigit?

    The link and PW in private content is correct, so it should work.
    Can you try again and take a look. Maybe it is easy to solve this issue.

    January 30, 2018 at 2:17 pm #904898
    Yigit

    Hi,

    It loaded this time and i set window width to 1112px but layout looks fine to me. Could you please post a screenshot and show the issue you are seeing? You can upload your screenshots on imgur.com or Dropbox public folder.

    Best regards,
    Yigit

    February 5, 2018 at 10:31 pm #908247
    KingFilly

    Hi Yigit,

    strange! See screenshot on Imgur link. (private content)

    February 5, 2018 at 10:35 pm #908248
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    div .av_two_fifth {
    width: 49.45%;
}

    Best regards,
    Yigit

    February 7, 2018 at 11:09 pm #909443
    KingFilly

    Yigit, you’re the man! thanks so much.

    you can close this thread now.

    February 8, 2018 at 6:31 am #909584
    Rikard

    Hi,

    Yes, Yigit is the man! :-)

    Glad you got it working. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘zooming breaks the layout’ is closed to new replies.