Naturo Theme: lack of menu customizability

[jason18]

I just purchased the Naturo pro theme. Several issues with menu customizability I’d like help with.

1 – Is there a way to customize the menu itself beyond just link and a-link colors?? Setting the background color for that section changes the color for both the bar and for the menu itself. Is there a way to change the color of the menu so that it stands out against the background??

2 – Is there a way to create boarders around the submenu buttons??

3 – There is a lot of space between the main menu links and submenu links. Any way to reduce this space??

http://jasonsignor.net

Jason Signor

[Sonnal S Sinha]

Hi,

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

Add this code there:

.header .header-inner .nav ul li a { padding:10px 15px;}
.header .header-inner .nav ul li:hover ul { border:#ccc solid 1px;}
.header .header-inner .nav { margin-top:50px;}

Regards,
Chris

[jason18]

Impressive! That works great!!! Thank you! 🙂

This is probably the first time I have received a quality, usable, timely response from a theme developer. That’s great! Makes me feel I can trust SKT and ask for help when I need it!

Sincerely,

Jason

http://jasonsignor.net

[Sonnal S Sinha]

Hi Jason,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/11/

Regards,
Chris

[jason18]

I will leave a nice review when I get a chance.

One further question: I don’t see any customization options for the mobile version of the menu. Do you have a line of CSS I could add for that. I would like white background, #7f00f text, #ffa500 text hover, and #7f00ff menu boarders. If you have a CSS that I can insert that would be great, or if you could point me to the file that has these settings. I searched via WP editor but had trouble finding the CSS code, as I don’t knowing CSS well.

Thanks!

Jason

[Sonnal S Sinha]

Hi,

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

Add this code there:

@media screen and (max-width:479px) {
.toggle a { background-color: #ffffff; border: #7f00ff solid 1px; color: #7f00ff !important;}
.toggle a:hover { color:#ffa500 !important;}
.header .header-inner .nav { margin-top:0; background-color:#fff;}
}

Regards,
Chris

[jason18]

It works perfectly and looks great! 🙂 Tank you very much!!!

-Jaosn

http://jasonsignor.net

[Sonnal S Sinha]

Hi Jason,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/11/

Regards,
Chris

[Author]

Posts