Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 6, 2016 at 2:15 am #669187
    envapk2

    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

    August 8, 2016 at 7:19 am #669643
    Rikard

    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

    August 8, 2016 at 12:57 pm #669787
    envapk2

    Hi Rikard

    That’s perfect.

    many thanks

    Peter

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