SKT Magazine – menu font ULC

[Jennifer RumfordMemberTopics: 1Replies: 1Total: 2 Member since: April 18, 2018]

I am having trouble with the navigation menu. In the demo the font is small and upper lower case (which is what I want). But when I installed it, it shows up as all uppercase and has so much room around each entry that it wraps to two lines. I prefer the menu to look like the demo, but how do I achieve this?

http://bvwatersmart2.tamu.edu/

Thanks!

[Forum ModeratorParticipantTopics: 0Replies: 21144Total: 21144 Member since: August 16, 2013]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.sitenav ul li a { text-transform:capitalize; padding:8px 37px; line-height:49px;}

Regards,
Chris

[Jennifer RumfordMemberTopics: 1Replies: 1Total: 2 Member since: April 18, 2018]

That worked great for the menu, but I had placed the logo on the site, and now the logo is no longer visible.

Also – I want a smaller menu – when I tried to tighten down the menu – the first two menu items remained centered vertically, and the rest rose up. I am not sure why.

.sitenav ul li a { text-transform:capitalize; padding:8px 37px; line-height:49px;} – this worked but was too deep
.sitenav ul li a { text-transform:capitalize; padding:4px 37px; line-height:30px;} my changes

https://bvwatersmart2.tamu.edu

Thanks!

[Forum ModeratorParticipantTopics: 0Replies: 21144Total: 21144 Member since: August 16, 2013]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.sitenav ul li a { line-height:45px !important;}

Regards,
Chris

[Author]

Posts