Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 13, 2017 at 4:27 pm #733181
    td8000

    Hi again,

    how do i remove the white space left and right of my grid row on mobile devices?

    thanks, tobi

    January 15, 2017 at 6:48 am #733688
    Rikard

    Hey td8000,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 26, 2017 at 4:21 pm #739015
    td8000

    Hi Rikard,

    i found a workaround by copy/pasting a grid row that did not show margins in mobile view:

    see private link 1

    but i do not know why. So could not solve that problem.

    I’d be very curios to know, why it did not work in the first place.
    Here’s a link for a page where there’s still that margin/white space left and right in mobile view:

    see private link 2

    I used this custom css:

    @media only screen and (min-width: 50px) {
    #av-layout-grid-1, #av-layout-grid-2, #av-layout-grid-3, #av-layout-grid-4, #av-layout-grid-5 {
    display:block !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    }}

    @media only screen and (min-width: 1050px) {
    #av-layout-grid-1, #av-layout-grid-2, #av-layout-grid-3, #av-layout-grid-4, #av-layout-grid-5 {
    display:block !important;
    width: 91%;
    max-width: 91%;
    margin: 0 auto;
    }}

    @media only screen and (min-width: 1551px) {
    #av-layout-grid-1, #av-layout-grid-2, #av-layout-grid-3, #av-layout-grid-4, #av-layout-grid-5 {
    display:block !important;
    width: 67%;
    max-width: 67%;
    margin: 0 auto;
    }}

    And one more thing, even more important: There is a thin grey line below the colored boxes/grid row. how can i remove this?

    Thanks a lot, Tobi

    • This reply was modified 7 years, 9 months ago by td8000.
    January 31, 2017 at 5:56 am #740480
    Ismael

    Hi!

    Thank you for the update.

    Could you please provide a screenshot of the “whitespace” issue? I don’t see any left or right white spaces. Anyway, you can remove the grey border with this css code.

    #after_submenu.container_wrap {
    border-top: none;
}

    Cheers!
    Ismael

    February 8, 2017 at 3:20 pm #744368
    td8000

    Hi Ismael,

    thanks for your reply.

    You can see the left or right white spaces here:

    @ Was

    As for the grey line, your code is not working.

    Have a look here, directly above the footer.

    HOME

    Tobi

    February 13, 2017 at 2:47 pm #746414
    Yigit

    Hi,

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

    @media only screen and (max-width: 1023px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
    padding-left: 0 !important;
    padding-right: 0 !important;
}}
#footer {
    border: none!important;
}

    Best regards,
    Yigit

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