Archived topic
Primary navigation menu going outside its background image
3 replies · Started by Jai Hari Shankar on July 11, 2018
1.Now i am facing a new issue.I applied the background image for primary navigation but menu goes outside to image on left side.Need to reduce gap after logo and primary nav menu.I applied with 4000 px width image and 2000 px image it is not coming to full width.KINDLY CHECK IN BELOW LINK.
2.I want my text inside sub menu of primary navigation to get an underline hover effect like this https://www.premierleague.com/ website.What code should i add.
Sorry but i cannot see a background image being applied to the navigation. Please confirm.
For the underline on the sub-menus, you can add this selector:
.main-navigation .main-nav ul ul li a:hover:after
To the code we provided here:
Just place a comma after the current selector and then add the one above.
I applied this code but it provides underline on entire row on hover.I want underline only on text of sub menu not entire sub menu.
This topic might be helpful: https://generatepress.com/forums/topic/modifying-the-underline-on-current-menu-item-and-on-hover-sub-menu-item/
As for your first issue - I'm also not seeing a background image.
Let me know :)