Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1345897

    Hi,

    I am wondering if something has changed regarding adding images to the Mega Manu (I’ve done it a lot in other sites). In this new site, no matter what I do, or how I try it differnet ways, and I’ve done it the way I’ve always done, the image will not appear. The site is here: https://theproviderexperience.org/

    I ‘ve added an image for the first column in the mega menu under Recruitment, but it does not appear. My code is this:

    (I have done it exactly as I did this other enfold site, where the first column under Charters is a picture: https://takemetheresailing.com/ )

    And it is placed in the first column, just as I have always done in the past, but it just appears blank. I’ve tried a differnet image to see if that’s the problem, to no avail.

    #1346021

    Hi Eleina_Shinn,

    Please try this CSS:

    #header .three.units span.mega_menu_title {
        width: 300px;
    }

    Best regards,
    Rikard

    #1346090

    Okay, thank you, that worked, but it has always worked outside of the box without css; has something changed, pictures aren’t part of the mega menus anymore?

    It also seems really small. Take a look at another site I created with Enfold, where I added images to the Mega Menu with no trouble. They appear much larger: https://takemetheresailing.com/ And, if I change the pixels in the css you provided, from say 300 to 400, it steals space from the 3rd column, so didn’t really work.

    • This reply was modified 2 years, 8 months ago by Eleina_Shinn.
    #1346191

    Hi,

    I’m not sure what is causing that to happen on your site to be honest with you, but it’s working as it should when I try it on a test site: https://wpexpert.se/enfold/. Did you add any customisation to the site in question? If so, then please try to remove them temporarily to see if that changes anything.

    Best regards,
    Rikard

    #1346320

    Okay, yes, I found the culprit.

    /*MAKE SUB-MENUS LARGER WIDtH */
    .av-main-nav ul { width: 300px !important; }

    Because I tend to use this on all my sites, including the others where I had no problem with mega menus, I didn’t think to look at this, but once I removed it, then I didn’t need your code for the picture to appear – it just appeared, and the columns are now evenly spaced.

    Thank you!

    #1346335

    Hi,

    Great, I’m glad that you found the problem. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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