Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 8, 2020 at 5:48 pm #1171538
    Jürgen

    Hi there,
    I have a question about the Megamenu. I have 3 columns and 3 pictures in each column in the Megamenu (JPEGs all 3 in the same size). The 3 pictures are shown in different sizes, but I would like them to be displayed in the same size.

    Can you help me with that?

    Best regards
    Jürgen

    January 9, 2020 at 10:30 pm #1171982
    Basilis

    Hey Jürgen,

    You need to upload all the images to have the same size.
    This should fix the issue without any extra code added to your CSS and make the web site heavy :)

    Best regards,
    Basilis

    January 13, 2020 at 3:59 pm #1172836
    Jürgen

    Hi Basilis,
    Thank you for your feedback signal. The pictures are all the same size – also in the media library.
    I think that the Megamenu displays the pictures differently due to different column widths.
    Best regards, Jürgen

    I have also inserted the code as I have integrated it into the Megamenu:

    January 14, 2020 at 8:31 am #1173105
    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-1634 .avia_mega3 {
    width: 950px !important;
}

    Best regards,
    Rikard

    January 14, 2020 at 11:41 am #1173229
    Jürgen

    Hi Rikard,
    i have integrated the code into quick-css,
    nothing has changed. See screenshot.

    Best regards
    Jürgen

    January 15, 2020 at 5:37 am #1173782
    Rikard

    Hi,

    I can’t see the CSS I gave you applying at all, did you remove it? If so then please add it back and make sure that you delete the old CSS and JS files under Enfold->Performance before you check the results.

    Best regards,
    Rikard

    January 15, 2020 at 10:58 am #1173892
    Jürgen

    Hi Rikard,
    i inserted the code as described by you at the end of the quick ccs. “Delete old CSS and JS files?” i switched on.

    Best regards
    Jürgen

    #menu-item-1634 .avia_mega3 {
    width: 950px !important;
    }

    January 16, 2020 at 6:25 am #1174740
    Rikard

    Hi,

    Try this instead:

    #menu-item-1634 .avia_mega3 {
  width: 1050px !important;
}

    Best regards,
    Rikard

    January 16, 2020 at 1:12 pm #1174920
    Jürgen

    Hi Rikard,
    it works!
    Many thanks !!!!!!!

    Best regards,
    Jürgen

    January 16, 2020 at 2:52 pm #1175010
    Victoria

    Hi Jürgen,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Megamenu // Pictures are shown in different sizes’ is closed to new replies.