[mattheltzelParticipant]

Hi all,

I want to add text-transform underline when people hover over the individual menu items. I have 4 menu links that are grey and one that is blue. I’d like the color of the underline to reflect that.

Also, I’m recently getting a weird gap on my site between the menu and my content:
http://screencast.com/t/MiIlLx6F

Thank you.
Matt

https://www.renaissancepassport.com

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-navbar .desktop .x-nav > li > a:hover {
    box-shadow: 0px 2px 0px 0px #000;
}
.x-navbar .desktop .x-nav > li.menu-item-636 > a:hover {
    box-shadow: 0 2px 0 0 #276aa9;
}

Hope that helps.

[mattheltzelParticipant]

Thanks! And then with the other issue of the gap underneath the menu?

http://screencast.com/t/MiIlLx6F

[RupokMember]

Hi there,

I have tested with several browsers but couldn’t see such gap – http://prntscr.com/bu056a

Are you getting this on any specific page? Can you give us a bigger screenshot like the above one?

Cheers!

[mattheltzelParticipant]

Hi, I fixed the margin with a -4% on the navbar but when you view on tablet or mobile, that doesn’t work. What’s the CSS specification I should use so it applies to tablet & mobile? Thanks!

[Rue NelModerator]

Hello There,

Thanks for the updates! The issue is not with a css. There is a br tag before and after the Cornerstone section wrappers. To be able to get rid of it, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .entry-content.content > br {
    display: none;
}

Hope this helps. Kindly let us know.

[mattheltzelParticipant]

Yes!!!

[NicoModerator]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts