Return to previous page

Menu costumization doesn’t work properly

This topic has 5 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Alessandro

Alessandro

Participant

July 7, 2022 at 19:22

Hello, I’ve costumized the main menu in the main header with this code for display it more centered:

/* fix main menu */
.header-main-menu.et_element-top-level .menu > li > a {
padding-left: 73px;
margin-right: -50px;
}

but I realize that now when I’m still over the first item with the mouse, the selected item is not the first but already the second. Same thing for item 2 and 3.
Without code there isn’t the problem. What code should I use to get it working well as the default theme does, but with the look of the costumized coded one?

Thanks in advance as always
Alessandro

Please, contact administrator
for this information.

#329132 Copied Theme version: 8.2.3

4 Answers

Awais Ahmed

Participant

July 8, 2022 at 05:39

Hello, @Alessandro,

For now, your site Menu looks like this: https://postimg.cc/3WctsjqS I can see the Menu hover is working fine and the Menu is in Center as well. So what is the actual issue you are facing now? Can you please explain more clearly, If possible with some screenshots for my better understanding?

And tried to access your site backend and it is restricted: https://postimg.cc/qNxbh3dz so please allow access to it as well.

Regards 8Themes Team.

#329154 Copied

Alessandro

Participant

July 8, 2022 at 16:08

Hello Awais,

seems you have changed your ip. i have 182.189.94.108 assigned to you in the firewall whitelist from our previous conversation.

I’ve just added the new IP.

Then, sorry I had taken 2 screens but I totally forgot to upload them, apologies for this.

https://postimg.cc/18yCk1tG
https://postimg.cc/bDY2PLnF

when u move your mouse over the white circle with red border u should see the sub items for the item where the mouse is over, but you instead can see that in that point what is selected is already the next menu item.. hope this can clearify my problem.

Thanks

#329219 Copied

Awais Ahmed

Participant

July 9, 2022 at 05:19

Hello, @Alessandro,

The issue you are facing is because of this Custom CSS: https://postimg.cc/56cZKPvk you should not have to put the value in minus (-) it always creates responsive issues.

So you have to look for this code under XStore >> Theme Settings >> Theme Custom CSS and change the values as 20px for padding-left and 20px for padding-right and then check back your site after removing the cache.

I tried to log in to your site and gives an access error: https://postimg.cc/NLRNFQ9p

Regards 8Themes Team.

#329238 Copied

Alessandro

Participant

July 9, 2022 at 16:17

Hello, thank you very much all ok now!

Best
Alessandro

#329259 Copied
Tagged: customization, menu, support, troubleshoot, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)