Adjust line above the menu elements

aovivo · April 2016

Hi there, thanks for the great theme - it was easily to install and to configure.

However I am now referring to this pre-sale question (http://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048/comments?page=299&filter=all#comment_12540157), I kindly ask for assistance to adjust the line that is used in your theme to highlight the active menu element in order to make it fit to the rest of our page.

Actually I was not able to adjust the color or even the display the line at all - i could find the correct location of that option.

The element should look like the one on our main page (using the red color #FB1106) here: http:/redreinhardt.com (just click to skip the intro)...

PLEASE NOTE: The blog (where beTheme is installed) is at http://redreinhardt.com/blog

The website (no wordpress site) is http://redreinhardt.com (just for reference on how the line should look like (not exactly, but similar)

Any help is appreciated.

Thanks!
aovivo

Albert · April 2016

Hi,

to change line color and position, you need to use the following css:

.header-transparent #Top_bar .menu > li > a::after { background: #FFF !important; }
.menu-line-below #Top_bar .menu > li > a::after { bottom: 116px !important; }

aovivo · April 2016

Looks good!! thanks!!

Can I make the line thinner..? maybe half of it

aovivo · April 2016

Another thing... is it possible to have the line only displaying while hovering instead of staying above the active element?

The reason is that the menue changes a lot and there is never a real active element accept the first on... so ´basically there is more hovering than active elements disp´layed... hope I could explain...

thanks!

Albert · April 2016

To make this line thinner, you need to use extra css:

#Top_bar .menu > li > a::after { height: 1px !important; }

In reference to 2nd question, to remove line for current menu item, please use:

#Top_bar .menu > li.current-menu-item > a::after { display: none !important; }

aovivo · April 2016

Thanks - that looks great!!

However - why does the line not appear over the active element - eventhough its active... I guess what I mean, is having the line displaying when hovering over the menu element at all - no matter if its active or not... the destiction beween active an non active element is already made by having a different font color for the active element...

is this possible?

thanks in advance!

Albert · April 2016

We are sorry but it is not possible. You asked to do not display line on active menu and this is how it works. You can not this other way unfortunately.

aovivo · April 2016

okay - thanks...! this was still helpfull.

Can you at last tell me (in case I would need that too) on how to remove the line at all?

Is this a option in the panel or via custom css?

thanks

Pedro

Albert · April 2016

To remove line completely, you need to use the following css:

#Top_bar .menu > li > a::after { display: none !important; }

Adjust line above the menu elements

Comments

This website uses cookies