Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1039950

    Hello

    How can I reduce the space between the product list element in the advanced editor, in the mobile version? Please see the screenshot below.

    screenshot 1

    screenshot 2

    Thanks for your help
    Kind Regards
    Roger

    #1040004

    Hey Roger,
    Thanks for the login, I added this css to your Quick CSS:

    @media only screen and (max-width: 767px) { 
    #top.page-id-129 .flex_column_div.el_before_av_one_third,
    #top.page-id-129 .av_fullwidth.av-catalogue-column,
    #top.page-id-129 .av-catalogue-container.av-catalogue-container-woo {
    margin-bottom: 0px !important;
    }
    }

    This seems to be working for your page, but I added the page ID to each rule so it would not interfere with other pages, Please clear your browser cache and check.

    Best regards,
    Mike

    #1040038

    Hey Mike

    Thanks a lot for the code. That works just fine.

    Kind regards
    Roger

    #1040042

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘reduce the space between column product elements in the mobile version’ is closed to new replies.