Navbar css stopped working

[paul.r]

Hi,

The width needs to be 100%/number of menu items.

When not logged in, I can see the menu are 6 items, so change css code to this.

#ubermenu-main-3-primary-2 ul.ubermenu-nav > li.ubermenu-item{
    width:16.666667%;
    text-align:center;
}

and when login, there are 12 menu items so code will be

.logged-in #ubermenu-main-3-primary-2 ul.ubermenu-nav > li.ubermenu-item{
    width:8.33333%;
}

Thanks

[justjane]

@paul.r

.logged-in #ubermenu-main-3-primary-2 ul.ubermenu-nav > li.ubermenu-item{
width:8.33333%;
}

Thank you for explaining the math.
Now, when I add or delete a menu item, I need to update the percentage to reflect 100%/# of menu items.
Thanks so much.

**** css is working on rediresults.com but not on my.rediresults.com ***
It was working on both sites. I have no idea what happened to the 2nd site and why it’s no longer working.

Jane

[jade]

Hi Jane,

Please note that the code provided previously is not meant to work on all sites because the CSS code provided have the ubermenu ID specified and the menu ID would most likely be different from one site to another.

For example, https://rediresults.com/, the code you are using which works is:

#ubermenu-main-344-primary-2 ul.ubermenu-nav > li.ubermenu-item {
    width: 12.5%;
    text-align: center;
}

This is because the menu ID for rediresults.com is ubermenu-main-344-primary-2 which is specified in the code above. If you copy the same code to my.rediresults.com, it will not take effect because the menu ID for my.rediresults.com is not ubermenu-main-344-primary-2 but ubermenu-main-346-primary-2, thus, the code you need to use is:

#ubermenu-main-346-primary-2 ul.ubermenu-nav > li.ubermenu-item {
    width: 16.6666%;
    text-align: center;
}

It would be best to learn a little bit about CSS so that you will be able to get the code working in case you want to copy it in different site.

https://www.w3schools.com/css/css_intro.asp

Hope this helps.

[justjane]

@janequade

.logged-in #ubermenu-main-3-primary-2 ul.ubermenu-nav > li.ubermenu-item{
width:8.33333%;
}

Thanks.

The code did not work. 2 screen shots are attached for logged in and NOT logged in at my.rediresults.com

I’m aware of the 2 different IDs.If you look through this thread, I was given a different ID.
I’m getting very different info from individuals regarding this topic. It is very confusing.
I was just told this morning to use a different menu ID.

this is what i received this morning:
.logged-in #ubermenu-main-3-primary-2 ul.ubermenu-nav > li.ubermenu-item{
width:8.33333%;
}

[christopher]

Hi there,

The logged in logged out difference is not related to the CSS at all. It shows that there is a problem on your installation specially when it comes to the cache.

Please clear and purge all the cache plugins and deactivate them. Then contatc your hosting service provider and ask them to clear cache if they have any.

Besides the point in question please consider that there are two Javascript errors on the page that you need to fix.

1. The BP Create Group Type plugin is causing the error below:
   
2. You added a Javascript code to X > Theme Options > JS which cause the Uncaught SyntaxError: Unexpected token > error. Please remove that code:
   

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.