Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #457909

    Hi there, I have a test page in a site where I use a 1/2 column to display content, and I use the new layout options from the latest theme version.

    On mobile, the 1/2 column is wider as full width, as I have set 20px padding, which adds to the column width. The result is, that text is displayed outside the screen.

    Is there a quick fix? Thanks.

    #458178

    Hi IQONOMY!

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

    .post-entry-463 .av_one_half {
      margin-left: 0% !important;
    }

    Cheers!
    Rikard

    #458276

    Hey Rikard,

    no – this is not resolving the issue. Can it be considered as a bug, and can we simply wait to have it fixed?

    Thanks!

    #458726

    Hey!

    The css markup for the color section on your installation is quite different from the default. Please try to delete the entire enfold installation then override it with a new one. If you have any cache plugin, please purge the cache. Add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
    .avia-section.av-minimum-height .container, .avia-section.av-minimum-height .container .content {
      display: block;
    }}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    #461844

    Works like a charme (without re-installing) – Thanks Ismael! There is no caching, nor weird extra CSS installed. Will this be fixed to default?

    #461971

    Hi!

    What do you mean “fixed to default”? The css solution above is unique in your case because we can’t reproduce the same issue on our installation. That’s why I ask you to reinstall the theme. Maybe, after the update, it will be fixed automatically.

    Best regards,
    Ismael

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