In Navbar also all children of current page are highlighter
- This topic has 3 replies, 2 voices, and was last updated 6 years, 3 months ago by Grace Themes.
-
AuthorPosts
-
February 20, 2018 at 9:52 am #7987Andreas Ebbert-KarroumParticipant
Hi,
I’m not sure if this is a bug, a feature or simply a misusage. When I navigate to a page, that is included in the main menu, and this menu items as submenus, then also all of those submenues are highlighted as well. I find this confusing, is there a way to only highlight the current page I’m on?
For example: http://youlius-award.de/youlius-2018
When select the menu “Archive > Youlius-Award 2018”, you will see, that all three subitems (Nominierungen, Video, Gewinner) are also highlighted in yellow.
Thanks for your support.
Andreas
February 21, 2018 at 9:16 am #7999Grace ThemesMemberHi Andreas,
Please send WordPress admin login details for temporary at [email protected] so we can check and solve this issue quickly.
Regards
Grace ThemesFebruary 21, 2018 at 10:42 am #8002Andreas Ebbert-KarroumParticipantHi,
this is a bug in the theme, IMHO. I’ve fixed it by adjusting the css selector to only select the link directly below the list item, not ALL links below the list item:
In css/responsive.css, line 90:
.sitenav ul li a:hover, .sitenav ul li.current_page_item > a{color:#0294CF; border:none !important;}
/* .sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#0294CF; border:none !important;} */Link: http://youlius-award.de/wp-content/themes/bizgrowth/css/responsive.css?ver=4.9.4
In inc/bizgrowth-customizer.php:
function bizgrowth_custom_css(){
?>
<style type=”text/css”>a, .blog_lists h2 a:hover,
#sidebar ul li a:hover,
/* .sitenav ul li a:hover, .sitenav ul li.current_page_item a,*/
.sitenav ul li a:hover, .sitenav ul li.current_page_item > a,
.services-wrap .one_third:hover h4,
.services-wrap .one_third:hover .MoreLink,
.slide_info .slide_more:hover,
.blog_lists h3 a:hover,
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a,
.recent-post h6:hover,
.ReadMore:hover,
.fourbox:hover h3
{ color:<?php echo esc_attr( get_theme_mod(‘color_scheme’,’#0294CF’)); ?>;}.pagination ul li .current, .pagination ul li a:hover,
#commentform input#submit:hover,
.nivo-controlNav a.active,
h3.widget-title,
.wpcf7 input[type=’submit’]
{ background-color:<?php echo esc_attr( get_theme_mod(‘color_scheme’,’#0294CF’)); ?>;}/* .sitenav ul li a:hover, .sitenav ul li.current_page_item a, */
.sitenav ul li a:hover, .sitenav ul li.current_page_item > a,
.slide_info .slide_more:hover,
.services-wrap .one_third:hover .MoreLink,
.ReadMore:hover
{ border-color:<?php echo esc_attr( get_theme_mod(‘color_scheme’,’#0294CF’)); ?>;}</style>
<?php
}add_action(‘wp_head’,’bizgrowth_custom_css’);
Link:
February 22, 2018 at 7:58 am #8011Grace ThemesMemberHi
Thanks for solving this issue. We will update this free theme.
Thank you so much.
Regards
Grace Themes -
AuthorPosts
- You must be logged in to reply to this topic.