Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1146226

    Hi,
    I made on all my pages a grid row in orange with white headlines inside. On the desktop version it looks perfect but mobile is always a big space under the headline.
    Somebody knows why?

    Many regards,
    rixi

    #1146392

    Hey rixi,

    Do you mean under the last column, the one which only has an orange border? I can see a space under that, but it’s not very big. Maybe you could post a screenshot highlighting the problem?

    Best regards,
    Rikard

    #1146424
    This reply has been marked as private.
    #1146512

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    #after_submenu_2 .content {
      padding-top:0 !important;
    }

    Best regards,
    Rikard

    #1146519

    Hi Ricard,
    thank you! I put the code in but the space under the headline is still there.

    Many regards
    rixi

    #1146742

    Hi,

    I can’t see it anymore on my end, did you clear your local browser cache and reload the page? You could also try to load it in an incognito window.

    Best regards,
    Rikard

    #1146780

    Hi Rikard,
    I cleared the cache on my handy in chrome, on the pc everything is ok, but still after clearing the cache there is this bigger spacein theat orange box under the headlines on my handy.

    Many regards
    rixi

    #1147016

    Hi,

    See private for what I’m seeing on my end, what exactly do you want to change?

    Best regards,
    Rikard

    #1147060

    Hi Rikard,
    i ment that space/distance that is under the words Fahrschule geht. That is bigger than the space over the words Dein Weg in die mobile Zukunft führt.
    And that space is on every page. You think its possible to get that changed so that over and under the writing is the same space?

    Thanks a lot for your help! You are all reallly helpful in this forum! And i love to work with enfold. it is a great theme.

    Many regards rixi

    #1147343

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 767px) {
    .home #av-layout-grid-3 .flex_column av_one_full {
        margin-bottom: 10px !important;
    }
    }

    Best regards,
    Rikard

    #1147412
    This reply has been marked as private.
    #1147512

    Hi,

    Did you select to delete the old CSS and JS files under Enfold->Performance?

    Best regards,
    Rikard

    #1147748
    This reply has been marked as private.
    #1147841

    Hi,

    Try this instead:

    @media only screen and (max-width: 767px) {
    .home #av-layout-grid-3 .flex_column {
        margin-bottom: 10px !important;
    }
    }

    Best regards,
    Rikard

    #1147849

    Hi Rikard,
    great! That worked on the “home” page but its still on the other pages. Is there a code that works for all the pages?

    Tahnk you,
    rixi

    #1148055

    Hi,

    You can try this instead:

    @media only screen and (max-width: 767px) {
    #av-layout-grid-3 .flex_column {
        margin-bottom: 10px !important;
    }
    }

    If that doesn’t work then please give you grids a class in the developer tab, then you should be able to use this:

    @media only screen and (max-width: 767px) {
    #av-layout-grid-3 .your-class .flex_column {
        margin-bottom: 10px !important;
    }
    }

    Best regards,
    Rikard

    #1148586

    Hi Rikard,
    great! Thanks a lot :)

    Many regards
    rixi

    #1148647

    Hi rixi,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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