Use full page width

  • Resolved chaosandtravel

    (@chaosandtravel)


    11 years, 1 month ago

    Hi, I’ve tried using this code but my site moves left and leaves a large space free on the right hand side instead of becoming fullwidth?

    any ideas how to make my site be fullwidth?

    Code used:
    @media all and (min-width: 1200px) {
    .container {
    width: 100%;
    }

    Let me know if you need a link to my site?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ben Ritner – Kadence WP

    (@britner)

    11 years, 1 month ago

    Can you post a link? That code in effect should work. Not really what the css in theme is great for but it should work.

    Kadence Themes

    Thread Starter chaosandtravel

    (@chaosandtravel)

    11 years, 1 month ago

    Sorry to re-open this however, I previously used this code and it worked well, but then today I updated the theme to the new 2.4.1 then made a child theme of this and added in the Custom CSS code again, but this time it doesn’t save, nor do may other CSS edits I added to the previous version.

    When I save this code specifically it only saves this any nothing else:

    @media all and (min-width: 1200px) {

    Any idea’s of why this is happening, or whether with the new update there is slightly different code I need to use?

    Ben Ritner – Kadence WP

    (@britner)

    11 years, 1 month ago

    Make sure you are closing out the media query else it wont’ work.

    @media all and (min-width: 1200px) {
.container {
width: 100%;
}
}

    You have to have the bracket to close the style and the bracket to close the media query.

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Use full page width’ is closed to new replies.