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%
    https://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 : https://minesteps.com/?page_id=32
    changed to https://minesteps.com/ozone-mining-optimiser

    thanks, Niki

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

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

  • Hi @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

    Here is what you can do:

    Revert the link https://minesteps.com/ozone-mining-optimiser?page_id=32 on your page to https://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

    Then resave the permalink structure and you should be good to go.

    I hope this helps, have a nice day,
    Andrija

    Thread Starter nikirm

    (@nikirm)

    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: https://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?

    Hi @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/

    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.