Hi @riksilva,
Can you provide your site URL to have a look?
Thanks
Hello thanks for answering!
Link: https://papelariacultura.com.br/
I’m developing the website, wordpress, elemental and woocomerce.
My intention is to leave the menu with icons, I had to do all manual ai of the error in the responsive, the item (day to day) the last one is with Menu Image plugin, I let you see how it is happening.
As I liked the pluguin I just wanted to use it on my site.
When I put my custom icon, the text is not just below the side, I tried several times.
Thanks for listening!
@riksilva Thanks. But I can’t see the website it’s in maintenance mode.
Can you have a look so I can see it?
Thanks
Excuse me,
The site is already online, there are eight menu blocks, only the last (day to day) is with the pluguin menu that I left for you to see!
Thank you!
Thanks @riksilva
It seems that the CSS of Elementor is overriding our CSS in the <a> element.
Add the code below to the Additional CSS field inside the Theme Custimozer
(Apperance-> Customize -> Additional CSS)
.menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below {
display: block;
}
Clear the cache and test again. Let me know the result.
Thank you, Rui Guerreiro!
Okay, is there any way in the css code to determine that in mobile the text is on the side?
Try to wrap the code in a CSS media query so it’s only active above the 760px.
Replace the previous CSS by this one.
@media screen and (min-width: 759px){
.menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below {
display: block;
}
}
Will close the topic for now. Let me know if necessary further help.
