Tagged: mega menu
Hey,
I`m tring to center the text in th Mega Menu.
I added the following css, but no luck:
#top .main_menu .menu li ul a { text-align: center; }
Thank you,
Asaf
Hi asafku!
Please add following code to Quick CSS instead
#header .mega_menu_title { text-align: center; }
Cheers!
Yigit
I’m trying to align the mega menu icons and text on this website:
The above css doesn’t seem to be working. Any ideas?
Hi,
I’m not sure I understand what you are looking to do there, could you try to explain a bit further and/or post a screenshot highlighting your intentions please?
Thanks,
Rikard
Sorry that message didn’t come through as intended. I’ve attempted to attach a screen shot and a link to the website. As you (hopefully) can see, I’m trying to place icons above mega menu columns. But I can’t seem to center the icons or the column title text.
Here is the website.
Hi,
Thanks for the feedback, please try the following in Quick CSS under Enfold–>General Styling:
.mega_menu_title img {
display:table !important;
margin:0 auto !important;
}
Best regards,
Rikard
Great! That worked for moving the images to the center of their columns. The text itself is still left aligned, however. How could I center align the text under the image?
Thank you.