higher Max Width and the grid

  • Resolved jimh275

    (@jimh275)


    4 years, 2 months ago

    I’m trying to modify the header for small logo and a large menu while also increasing the max width.
    I change .site-header div’s to grid-25 and grid-75 in the functions.php
    changed max-width in customizor
    line 1300 in unsematic.css is supposedly setting the width of nav but it’s a %
    somethings keeping the nav from using the full size?
    I can’t find what’s limiting the width.
    where can I find out more about this grid system and the correct way to change the themes width?

    Thanks

Viewing 1 replies (of 1 total)
  • Theme Author Anthony Hortin

    (@ahortin)

    4 years, 1 month ago

    Hi Jim,

    Do you have a link to the site that you’re having issues with, that you can post here?

    If you’re trying to change the width of the logo & Nav sections, there’s two functions that you’ll need to change.

    You’ll need to updated the classes starting with grid- in both the ephemeris_logo_grid() and ephemeris_nav_grid() functions, within functions.php.

    Just as a sidenote, you should be using a child theme and copying those functions into the functions.php file in your Child Theme, and changing them in there, rather than changing the Ephemeris theme itself.

    If you want to change the overall width of your site, you can do that in the Customizer, within the Site Layout > Content Width panel.

    If you’re simply trying to change the width of just that header section (that contains the logo and nav), then add the following styles to your child theme (or to the Additional CSS panel in the Customizer).

    
#headercontainer .grid-container {
   max-width: 1600px;
}

    * max-width will obviously be whatever size you want. You can specify a pixel width or even just a percentage.

    For your reference, my theme uses the Unsemantic Grid. You can find out more about that grid framework here – https://unsemantic.com

    (You shouldn’t ever need to change the unsematic.css file itself)

Viewing 1 replies (of 1 total)
  • The topic ‘higher Max Width and the grid’ is closed to new replies.