Title: Header & Navigation Size
Last modified: September 28, 2020

---

# Header & Navigation Size

 *  [nikirm](https://wordpress.org/support/users/nikirm/)
 * (@nikirm)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/header-navigation-size/)
 * Hi there,
 * I’m a complete newbie and hoping someone can assist with a simple custom CSS 
   update in the Additional CSS section to do the following:
 * 1. reduce padding above and below the main navigation/menu (essentially want 
   this white bar to reduce in height)
 * 2. Reduce the height of the image banner on the various web pages by about 30%
   
   [http://minesteps.com/?page_id=32](http://minesteps.com/?page_id=32)
 * 3. Also not sure if this is related to the theme, but when I edit the URL slug
   for the page or permalink structure – it breaks the page and I can not work out
   how to edit / set it to what I want which is what I set the URL slug to.
 * ie. I’d like this page url : [http://minesteps.com/?page_id=32](http://minesteps.com/?page_id=32)
   
   changed to [http://minesteps.com/ozone-mining-optimiser](http://minesteps.com/ozone-mining-optimiser)
 * thanks, Niki
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-navigation-size%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [gdandrija](https://wordpress.org/support/users/gdandrija/)
 * (@gdandrija)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/header-navigation-size/#post-13465910)
 * Hi [@nikirm](https://wordpress.org/support/users/nikirm/),
 * Let’s see if I can help you out:
 * 1) Regarding the padding above and below the main menu, you can add this code:
 *     ```
       header#masthead {
           padding: 0;
       }
       ```
   
 * 2)You can use this code to adjust hero size on other pages, feel free to adjust
   the values as you wish:
 *     ```
       .hero-inner {
           padding: 5% 50px !important;
       }
       ```
   
 * 3) This is one of the common WordPress issues and it is not theme related. I 
   can see your page link structure got corrupted as seen below:
 * > [View post on imgur.com](https://imgur.com/FmoKD9s)
 * Here is what you can do:
 * Revert the link [http://minesteps.com/ozone-mining-optimiser?page_id=32](http://minesteps.com/ozone-mining-optimiser?page_id=32)
   on your page to [http://minesteps.com/?page_id=32](http://minesteps.com/?page_id=32)
   and update the permalink structure on the Permalinks page in the WordPress dashboard
 * Then, when you can confirm that your permalinks are working, make sure to change
   the permalink structure to Post Name, here is an article to help you out:
 * > [Settings Permalinks Screen](https://wordpress.org/support/article/settings-permalinks-screen/)
 * Then resave the permalink structure and you should be good to go.
 * I hope this helps, have a nice day,
    Andrija
 *  Thread Starter [nikirm](https://wordpress.org/support/users/nikirm/)
 * (@nikirm)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/header-navigation-size/#post-13471482)
 * Thank you so much!! – the header code is sorted now, however, I’m still having
   issues with the permalink structure :'(
 * I’ve reverted to the “Plain” permalink structure in settings and the page starts
   working again with the url style: [http://minesteps.com/?page_id=195](http://minesteps.com/?page_id=195)
 * Every time I switch the structure to “Post name” I get the error page you showed
   earlier.
    Could this be something to do with the host provider? Skimming over
   this article and wondering if it could be to do with the permissions set?
 *  [gdandrija](https://wordpress.org/support/users/gdandrija/)
 * (@gdandrija)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/header-navigation-size/#post-13476402)
 * Hi [@nikirm](https://wordpress.org/support/users/nikirm/),
 * I’m glad to hear I was able to help and sorry to hear the permalink issue has
   not been resolved.
 * Here is an additional article that can help you out:
 * [https://fancythemes.com/fix-broken-permalinks-wordpress/](https://fancythemes.com/fix-broken-permalinks-wordpress/)
 * If not, you should reach out to your hosting provider or a developer to investigate
   the issues on your website.
 * I hope this helps, have a nice day,
    Andrija

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

The topic ‘Header & Navigation Size’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/ascension/1.1.5/screenshot.png)
 * Ascension
 * [Support Threads](https://wordpress.org/support/theme/ascension/)
 * [Active Topics](https://wordpress.org/support/theme/ascension/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/ascension/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/ascension/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [permalinks](https://wordpress.org/support/topic-tag/permalinks/)

 * 3 replies
 * 2 participants
 * Last reply from: [gdandrija](https://wordpress.org/support/users/gdandrija/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/header-navigation-size/#post-13476402)
 * Status: not resolved