sub item too spacing

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

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

– 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 ?

https://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

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 Tom,

it doesn t work :/

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