Full Width Template Not Taking Up Full Screen

  • This isn’t necessarily just for this page and more so a site-wide issue but the linked page (https://therheffect.com/about-me/) shows it best!

    I’m trying to make a new static homepage and selected the full width template. When previewing it however, the content is still taking up the same width as it would if the side bar were there it’s just centered now.

    How can I change this so the content is spanning the same width as the top menu? Thank you!

    The page I need help with: [log in to see the link]

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

  • Hi,
    you can add this

    .col-lg-8.offset-lg-2.col-12 {
    max-width: 100%;
    margin: 0;
    flex: 0 0 100%;
}

    in your custom CSS box to expand it. But you will need to change the image size also. Use this method https://www.cssigniter.com/modify-image-sizes-using-simple-image-sizes/ and then refresh your Jetpack CDN to get the new image sizes (disable and enable it).

    Let me know if this helps

    Thread Starter therheffect

    (@therheffect)

    This worked and looks amazing now! Thank you so much! Any chance you have a line of custom CSS to center the main navigation menu (as seen on same page above)?

    Hi,
    try this

    .site-bar{
justify-content:center;
}

    in your custom css box under Customize->Additional CSS

    Let me know if this helps

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full Width Template Not Taking Up Full Screen’ is closed to new replies.

Tags