Left gap in the navigation menu bar

  • Hello!

    I’m having this issue with the navigation bar. It’s like the Mega Menu is overlaping with the menuPort class. By the way, if it helps, I’m using bold themes. I have very few knowledge about CSS, and this is the further I got. Now I’m stuck with this, and tried several things but none of them worked. I will also provide the css codes I have been using (I put them in Mega Menu custom css):

    .menuPort {
    background: #00a1a4;
    background-color: #00a1a4;
    width:140%;
    height:70px;
    }

    #mega-menu-wrap-primary, #mega-menu-primary {
    height: auto;
    margin-left: -30px;
    }

    What I need is two things:

    1. I want the navigation bar to be full width (that left gap is preventing me from reaching that goal).
    2. I want to fix the height. I tried to change it with no results. I want the navigation bar height less… tall?

    If I can provide more information, I’d gladly do it. Thanks in advance.

    Cheers

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

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

  • Hello grishnackh91,

    If you use a commercial theme like Bold News and need support, please go to Bold Theme’s official support channel found here:

    https://themeforest.net/item/bold-news-magazine-news-wordpress-theme/19670189/support

    Or read the theme’s documentation here:

    https://documentation.bold-themes.com/bold-news/whats-in-the-box/

    Forum volunteers are not given access to commercial products like this, so they would not know why your commercial them is not working properly. Bold Themes are responsible for supporting their commercial product and should be able to help you.

    Moderator bcworkz

    (@bcworkz)

    Niall is correct, but I can give you a couple hints all the same. The left gap is due to a padding rule for div.port. The nav area height is due to a height rule for div.menuPort. The placement of the content area below stays the same after changing the nav area height. It’s position is managed by a padding rule for div.btContentWrap. This is implemented as an element style, which cannot be easily overridden. You need to change the style at its source, which might require the specific support channel Niall speaks of.

    bcworkz is also correct. Also, if you change the div.menuport, a lot of other elements need to be restyled. And once you change those, you’ll need to alter them for mobile sizes too because it messes up the menu and header when the device width reduces.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Left gap in the navigation menu bar’ is closed to new replies.