Header builder, menu bottom border

[mcaravaglia]

I’ve searched the forum, but cannot find the answer to my query. Please see attachment.

It appears the default in X-Pro Header builder is to have a bottom-border appear under each menu item’s container (along the bottom of the Nav Bar). I find no settings that allow me to disable this. Must I use CSS to do so? I’d prefer to do it through the settings first, if available.

[prakash_s]

Hello @mcaravaglia,

Thanks for writing to us
In “Pro” Header you can have the option for bottom border inside the “navigation” element.
You can set “Off” or “On” at your own choice and also you can change the options available under it.
The screenshot will describe those.

If you don’t want the border please select none for the select box.
Please check my screenshot

Thanks

[mcaravaglia]

As I thought. Yet, even when the border is set to “None”, it still appears. See capture.

[tristup]

Hi @mcaravaglia,

After examining your site, we found that the underline has been added using the Primary Particle Setup option Navigation element.
You can disable the option by setting it OFF, or you can change the style according to your need.

Hope it helps.

Thanks

[mcaravaglia]

Actually, my client wanted the white under-line beneath the menu items, but wanted them up close to the text, not sitting at the bottom of the Nav bar. First, I tried setting a bottom border in the Header Builder and move it up with CSS. However, this created a situation where the menu text items “bounced” up on hover, whenever the line appeared. To solve the issue, I turned off the bottom border and used the Primary Particle to draw the line on-hover. With the Primary Particle function, I was able to accomplish what the client wanted. HOWEVER, even when I turn the Border function to “None” it would still appear. I needed to hide it with CSS.

I am finding any hyperlinked element I create, whether in the Header Builder, or in the Page Builder, will have a bottom-border, even though I set it to none. I needed to hide all bottom borders throughout the site with CSS. Seems very odd.

[tristup]

Hi @mcaravaglia,

Let me tell you that the navigation underline is not coming as an underline attribute of hyperlink element.
So if you write any custom CSS code to remove underline it will not affect the above one but will apply to any other hyperlink elements.

To remove the underline from hyperlink you can get more information from this URL’s text-decoration part.

Please remember that we don’t offer any support to custom codes.

Hope this helps.

Thanks