Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 21, 2019 at 5:30 pm #1168470
    pipinvest01

    Hi all,

    I am trying to het my color sections on full width on mobile..

    – I have set container layout at 100% in lay out theme
    – Gave the color section an ID : portfolio
    – Put in css code advised on this forum :

    @media only screen and (max-width: 990px) {
    #portfolio .container { width: 100%; }}

    Nothing happens after following above steps.

    https://ibb.co/c3gQnSF
    https://ibb.co/YhcVS7R
    https://ibb.co/q0kyCqQ

    Am I missing something.

    Thanks so much for your help

    Regards
    Mike

    December 21, 2019 at 10:08 pm #1168529
    Victoria

    Hey pipinvest01,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    December 23, 2019 at 8:38 pm #1168807
    pipinvest01

    Hi Victoria,

    I am so sorry for the late reply.

    The page is http://marketchecker.info/

    thanks in advance

    Mike

    December 23, 2019 at 11:27 pm #1168818
    Yigit

    Hi,

    I changed the code to following one 

    @media only screen and (max-width: 990px){
#portfolio .container {
    width: 100%!important;
    max-width: 100%!important;
}
#portfolio .content { 
    padding: 0; 
}}

    Please review your website :)

    Regards,
    Yigit

    December 24, 2019 at 10:15 am #1168902
    pipinvest01

    Thats great, all good now.

    Many thanks and happy hollidays !

    December 24, 2019 at 11:19 am #1168908
    Yigit

    Hi,

    You are welcome, glad we could help!

    Thanks and happy holidays to you too :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Full width color section not working mobile’ is closed to new replies.