Hello,
How can I adjust / expand the background width reap. right hand side padding (dark blue color on mouse over) for the main menu link “Kontakt”?
It worked for a while with the following CSS, but, it is cut off again:
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px;
}
(The > signs are not converted to $.)
Thanks for your help.
Best
Hey hasbeat,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#avia2-menu .sub_menu>ul>li>a:hover {
padding: 7px 10px!important;
background: #003f83!important;
}
Best regards,
Vinay
Hi Vinay,
thanks for the code snippet. Unfortunately, nothing has changed.
Best
Hi,
I have tested this code and it works please replace the previous one with the below code :)
#top #header_meta a {
padding: 7px 10px!important;
}
#top #header_meta a:hover {
background: #003f83!important;
color:#FFF;
text-decoration:none;
}
Best regards,
Vinay
Vinay – nothing has change really. Could you have a look at the backend please?
Below you will find the credentials for a temporary admin access.
Thank you for your assistance!
Hi,
I added following code to the top of Quick CSS field
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px!important;
}
Please review your website now
Best regards,
Yigit
Yigit – Perfect, thank you!!