Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #669187

    Hi

    I have created color sections with 100% width container using :

    #fwcs .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }

    That works great, as you can see in the link below, but on mobiles there is still a margin left, right and between the sections. How can I remove these?

    many thanks
    Peter

    #669643

    Hey envapk2,

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

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .responsive #top #wrap_all .flex_column {
       margin-bottom: 0 !important;
    }
    }

    Regards,
    Rikard

    #669787

    Hi Rikard

    That’s perfect.

    many thanks

    Peter

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘100% color section width on mobiles’ is closed to new replies.