Hello, I have a similar issue as some past posts but their solutions have not worked for me, here’s what my menu looks like:
I tried pasting this code into my quick CSS field but it didnt work:
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px;
}
Can you give me a hand, thanks!
Hey bryankerr,
Please provide a link to the site so we can look into this further.
Best regards,
Jordan Shannon
Thank you for the fast response, here is a link: puresinse.mystagingwebsite.com
Hi,
Try this code in the General Styling > Quick CSS field:
#top .main_menu .menu>li:last-child>a { padding-right: 13px!important; }
Best regards,
Mike
it looks different but not fixed,
is this correct?
Hi,
Add the following to what Mike has given you:
.avia-menu.av_menu_icon_beside{
padding-right:0px!important;
}
Let me know if this fix things up!
Best regards,
Jordan Shannon
Almost there, the white keyline is still too long
puresinse.mystagingwebsite.com
Hi,
This should take care of that issue:
.avia-menu-fx{
padding-right:0px!important;
}
Best regards,
Jordan Shannon
Should i Add this to both precious codes? or replace both with this?
Hi,
This needs to be included along with what I have given you previously, so don’t replace anything.
Best regards,
Jordan Shannon
Fixed!
Thanks!
Hi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon