• Resolved bonnieg77

    (@bonnieg77)


    Is there a way to adjust the width of the site, including header/navigation? My team would like a more narrow overall design… maybe reducing by about 150-200px… thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Archimidis Mertzanos

    (@archimidism)

    Dear @bonnieg77 maybe you could add the following line in the custom CSS section of the Customizer.

    .grid-xl{max-width: 1080px; } /* Or whatever value you want*/

    Kind regards
    ArchimidisM

    Thread Starter bonnieg77

    (@bonnieg77)

    Thank you for your help but I added that as instructed (changed value to 960) and it did not change the width of any pages or navigation or anything… my team would just like to “tighten up” the page contents and top navigation, so that it is around 960px like the content on this page: https://scimountainchallenge.com/wp1/whos-competing/

    Your suggestions are much appreciated!

    Thread Starter bonnieg77

    (@bonnieg77)

    Also, the copyright bar seems to be close to the width we’d like but the top navigation goes further to the right- if I could just get the top nav and the content area of the pages to match the width of the copyright bar at the bottom, that would be perfect!

    Theme Author Archimidis Mertzanos

    (@archimidism)

    Dear @bonnieg77 I would like to ask you the following. Do you want all the page to be boxed in 960px? For example the copyright bar is a full width but its content is in boxed container.

    Try the following again:
    .grid-xl{max-width: 960px !important; } or
    .container.grid-xl{max-width:960px !important;}

    Cheers
    ArchimidisM

    Thread Starter bonnieg77

    (@bonnieg77)

    That works perfectly, thank you!

    Theme Author Archimidis Mertzanos

    (@archimidism)

    You are welcome @bonnieg77 !

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adjust width of pages?’ is closed to new replies.