Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #234372

    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

    #234411

    Hi asafku!

    Please add following code to Quick CSS instead

    #header .mega_menu_title { text-align: center; }

    Cheers!
    Yigit

    #680889

    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?

    #681977

    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

    #683416

    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.

    Screen shot of the expanded mega menu.
    Here is the website.

    #683970

    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

    #684329

    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.

    #684675

    Hi,

    Try this as well:

    .avia_mega5 .mega_menu_title {
    display:table !important; 
    margin:0 auto !important;
    }

    Thanks,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.