Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 24, 2022 at 5:15 pm #1345897
    Eleina_Shinn

    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.

    March 25, 2022 at 4:03 pm #1346021
    Rikard

    Hi Eleina_Shinn,

    Please try this CSS:

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

    Best regards,
    Rikard

    March 25, 2022 at 9:29 pm #1346090
    Eleina_Shinn

    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.
    March 27, 2022 at 10:45 am #1346191
    Rikard

    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

    March 28, 2022 at 3:42 pm #1346320
    Eleina_Shinn

    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!

    March 28, 2022 at 6:22 pm #1346335
    Rikard

    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

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