Remove Horizontal Line Between Menu Bar and Nav Bar

Support
#1

Using Pro, Integrity Light, with stacked top, not a custom built pro header.

I’ve removed the red shadow on hover over the menu items with helpful code from the forum. There is also a 1px gray horizontal line that appears just above the menu that I cannot remove.

Any suggestions, please?

Screenshot 2023-05-05 113424

#2

Hello @comstarsupport,

Thanks for writing to us.

It seems that the site style is rendering from the cache CSS I would suggest you please purge all the cache and then temporarily deactivate the cache plugin and then check it again. Or for a quick fix, I would suggest you please add this custom CSS code to get rid of the border.

.x-navbar {
border-bottom: none !important;
box-shadow: none !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

I tried purging and disabling cache plugin with no luck. Adding the custom CSS did not affect it either. The line only shows if the logo is in stacked config, not inline.

Any other suggestions?

#4

I changed your CSS to the following and the line color got lighter, but is still there:

.x-logobar {
border-bottom: none !important;
box-shadow: none !important;
}

#5

I added the css you posted and it is now gone. Each bar had its own border.

Thanks for your help!

#6

Hello @comstarsupport,

Glad that things are well for you.
Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.