image does not display in sub menu

Hi leilamnd,

Please post a link to your site so I can take a look.

https://iacademista.com/shortcodes/
In the shortcodes menu, you can see that images do not display.
thanks

Hi,

Your theme has some CSS which is setting “visibility: hidden” on all elements within the header. To fix this go to Appearance > Customize > Additional CSS and add the following:

header.headerclone .max-mega-menu * {
  visibility: inherit;
}

Regards,
Tom

Thanks a lot, problem solved.

Hi again!
I have another problem: In my sub menu, I can not change the second menu item color or font size. I go to mega menu: mega menu themes: second menu item, none of the changes apply to second menu item.
https://ilegalista.com/

And another question, in the mobile version I see two mobile Mobile Toggle buttons, my theme is “Hazel – Clean Minimalist Multi-Purpose WordPress Theme”. It was not in the Theme Integration Guides.can you provide me with the CSS code to hide the theme mobile toggle button?
Best Regards

Hi Leila,

The second level font options aren’t working due to this custom CSS which is overriding the theme settings:

https://screencast.com/t/pGPzAuAw6Ub

To hide the theme menu toggle button, try this custom CSS:

.dl-menuwrapper button {
  display: none !important;
}

Then, in the Theme Editor, change the Toggle Bar Height to 96px.

Regards,
Tom

Hi, thank you so much, I did hide theme menu toggle due to your advice, but I did not understand the first part of your solution for second level font options. Should I delete the scc codes that has black line on it? (font weight: 600;)? and where should I go to do that? should I go to appearance-them editor?

I also have two other questions, and I am so sorry for bothering you.
1.In the mobile view, how can I move menu Icon lower? In the screen shot i have linked you can see that menu icon is on top of top menu, I want to displace it to the bottom of top menu.

2.And in my tablet view menu converts to a box with a white background, what should I do?

Best regards

• This reply was modified 5 years, 7 months ago by leilamnd.
• This reply was modified 5 years, 7 months ago by leilamnd.

Hi leila,

“Should I delete the scc codes that has black line on it? (font weight: 600;)? and where should I go to do that? should I go to appearance-them editor?”

The CSS I posted a screenshot looks like custom CSS that you have written yourself? Or maybe someone else who has worked on the site? You would need to ask them to update the CSS so that it works correctly (or remove it).

“1.In the mobile view, how can I move menu Icon lower?”

In the Theme Editor, change the Toggle Bar Height to 96px.

“2.And in my tablet view menu converts to a box with a white background, what should I do?”

Please add this to Appearance > Customize > Additional CSS:

body header #dl-menu ul {
  background: transparent !important;
}

Regards,
Tom

Thank you so much

Hi,
There seems a problem with scrolling down the page,when I do that menu items duplicate. How can I solve this problem?You can see it here: https://ifootballista.com/pages/about/about-version-1/ and here is the screensho:

And there is another one:
I can not change the body font in megamenu. When I change it the whole website color changes.
Best regards

Hi leilamnd,

For 1, go to Mega Menu > Menu Themes > Custom Styling and add the following:

#{$wrap} #{$menu} {
     visibility: inherit;
}

For 2, where are you changing it? It might be easier to use https://en-gb.www.ads-software.com/plugins/black-studio-tinymce-widget/ which will let you change the text colour directly.

Regards,
Tom

Hi,
First thank you for the quick follow ups, I am very thankful for that.
I have two questions, I had send a ticket that in the tablet view the background color changes to white. You send me a css code, when I apply it menu background in mobile view disappears.The url is https://www.academista.com.You can find the screenshot here https://prnt.sc/owgs8i.
And the second one is: Can I disable megamenu in mobile view?
Best regards

Hi leilamnd,

Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

@include mobile {
  body.mega-menu-PrimaryNavigation header #dl-menu ul {
    background: red !important;
  }
}

You can’t disable MMM based on screen width (it is the same menu, it just looks different depending on how wide your screen is), but you could use a different plugin for your mobile menu if you prefer:

https://www.megamenu.com/documentation/configuring-mobile-menu-plugins/

Regards,
Tom

Dear Tom
Hi, sorry to bother a lot, I have a problem. I can not define header size separately pre scroll and after scroll and because of that when I scroll down my logo dose not stay aligned with menu items. What should I do? url: https://www.ifootballista.com
And another question: I have social media icons on menu, plus shop and search, I can not change just social media icons color separately, search and shop icon colors changes with them. THe url is: https://www.iacademista.com
Best regards

Hi Leila,

If I delete the menu from your header, then scroll down, the header stays the same size so I do not think it is MMM that is stopping it from shrinking? It would be up to your theme to shrink the header when you scroll down.

The search and cart icon are also part of your theme so you would need to look in your theme options to see if there is a way to change their colours, and if not you would need to ask your theme authors for assistance.

Regards,
Tom