Hi Jidy,
Your theme is overriding some of the padding settings in the menu.
Please see:
https://www.megamenu.com/documentation/evolve/
Once you have made that change (delete the link-effect class), the menu will start using the padding settings you have set in the menu theme.
Regards,
Tom
Thread Starter
Jidy
(@jidy)
Hi Tom,
thanks.
About this tow tasks :
1 – “Under Appearance > Customize > Custom CSS and paste”
I did it. it’s ok.
2 – “Under Appearance > Editor, select ‘header.php’ on the right:
Find and delete: “link-effect”
I didn’t found the “EDITOR” under APPEARANCE to select ‘header.php’
Do you know where I can find this “header.php” ? (It’s not under “Appearance”)
Thank you
Hi Jidy,
If you do not have the “Appearance > Editor” option, then it will have been disabled somewhere in your site configuration.
That page was fairly out of date, so I’ve just updated it explaining that you should be using a child theme.
You will need to log into your server using an FTP client instead in order to edit the file (be careful and download a backup of the file before editing it). The theme lives inside the /wp-content/themes/ folder.
Regards,
Tom
Thread Starter
Jidy
(@jidy)
– ok, I found the file and I opened it. But I didn’t found the “link effect”.
Do you have an issue about that ?
– I have an other problem (maybe that the same..)
My top bar menu is not full width.
Do you know how I can put the full width for my menu ?
http://www.artworkvfx.com
Let me know please.
Thank you so much,
Hi Jidy,
Apologies for the delay getting back to you. I’ve been away but I’m back now.
To make the menu full width, go to Appearance > Customize > Custom CSS.
First add:
.primary-menu {
width: 100% !important;
padding: 0 !important;
}
Then check the site. Then add:
.container-menu {
width: 100% !important;
}
It looks like the spacing is OK now. Did you get it fixed?
Regards,
Tom
Thread Starter
Jidy
(@jidy)
Hi Tom,
Many thanks, it s working now.
Do you know if it s possible to get steaky menu with full width ?
Thank you
Please try adding this CSS to your theme:
.sticky-menu {
width: 100% !important;
}
Regards,
Tom
Hi Jidy,
Please try this instead:
.sticky-header,
.sticky-header .sticky-menu,
.sticky-header .container {
width: 100% !important;
padding: 0 !important;
}
There is still a small 15px gap to the right of the sticky menu, but I can’t work out where that is coming from. Your theme authors would probably be the best point of contact to remove that, as they will understand your theme CSS a lot better than I do.
Regards,
Tom
