Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 3, 2021 at 1:21 pm #1331450
    RasMaster

    I would like the right and left margins on all columns on mobile devices (small screens) to be removed.

    Already tried this Custom CSS but with no luck:

    @media only screen and (max-width: 767px) {
    .flex_column {
    padding: 0 !important;
    margin: 0 !important;
    }
    }

    Can you help?

    December 3, 2021 at 3:37 pm #1331472
    Yigit

    Hey,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    @media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #main .container {
    width: 100%;
    max-width: 100%;
}}

    Best regards,
    Yigit

    December 4, 2021 at 2:34 pm #1331540
    RasMaster

    Thank you very much, it all works – fantastic support!

    December 4, 2021 at 8:56 pm #1331572
    Mike

    Hi,
    Glad Yigit could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove right and left margin on mobile devices’ is closed to new replies.