Navigation underline on active items not visible

Hey Barb!

Would you like to have ‘tips and tricks’ underlined on all single posts? If so, please add following code to Quick CSS in Enfold theme options under General Styling tab

.single-post li#menu-item-1739>a>.avia-menu-fx {
    opacity: 1;
    visibility: visible;
}

Best regards,
Yigit

Hi Barb :)

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

Regards,
Yigit

Hey Barb!

Please refer to this post – http://kriesi.at/documentation/enfold/change-archive-categorytag-blog-style/ and change category style to match your blog style and then set your category page as Tips & Tricks page in the main menu. You are using two different blogs and using Tips & Tricks page to display Tips & Tricks category, but on single posts, it will not be recognized as parent page.

Best regards,
Yigit

Hi!

Sorry for the late reply Barb!

No, unfortunately you cannot style a category using ALB. But you can refer to this post to change its layout – http://kriesi.at/documentation/enfold/change-archive-categorytag-blog-style/
I believe that would be the only workaround in your case. You can get category links and add them as menu items so single posts should be recognized.
The way you are using blog posts ( 2 different categories without blog page chosen ) it does not seem easily possible to make the changes you would like :/

Cheers!
Yigit

Hi Barb!

I have added following code to bottom of functions.php file of your child theme

function add_custom_style(){
if(in_category( 'tips-tricks' ) && is_single()) {
?>
<style>
li#menu-item-1739 .avia-menu-fx {
    visibility: visible;
    opacity: 1;
}
</style>
<?php
}}
add_action('wp_head', 'add_custom_style');

It is kind of hack but should work fine as a workaround. Please review your website now :)

Cheers!
Yigit

Hi!

Sorry Barb, i killed it as well. Can you please change the code to following one via FTP

function add_custom_style(){
if(in_category( 'tips-tricks' ) && is_single()) {
?>
<style>
li#menu-item-1739 .avia-menu-fx {
    visibility: visible;
    opacity: 1;
}
</style>
<?php
}
elseif(in_category( 'blog' ) && is_single()) {
?>
<style>
li#menu-item-1453 .avia-menu-fx {
    visibility: visible;
    opacity: 1;
}
</style>
<?php
}}
add_action('wp_head', 'add_custom_style');

Regards,
Yigit

Hi Barb! :)

I adjusted the code once again. Now every single post with category other than “tips and tricks” highlights Blog menu item. Is this what we wanted to achieve? If so, please review your website now :)

Cheers!
Yigit

Hey!

You are welcome Barb! Always happy to help :)
Have a great rest of the day!

Cheers!
Yigit