How to change container width for bigger screen?

  • Resolved Anonymous User 14964395

    (@anonymized-14964395)


    7 years, 5 months ago

    Hello,
    I notice that width of the container is set as 1040px default for desktop version. I want to make it wider for desktop version only. From dashboard –> custom css I added a CSS property

    .container {
width:1268px;	
}

    It works and with width of the website increased but it distorts the entire responsive system. As soon as I increase the container width the mobile friendly feature goes off.
    So, please suggest how to increase the width of the website only for desktop versions without hampering the responsive views.

    • This topic was modified 7 years, 5 months ago by Anonymous User 14964395.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Anonymous User 14964395

    (@anonymized-14964395)

    I think, I have solved the width issue. I have used % instead of fixed px width.

    .container {
width: 85%;	
}

    Glad you worked this out!
    Thank you for sharing this solution also.

    I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change container width for bigger screen?’ is closed to new replies.