Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 6, 2013 at 2:39 pm #29149
    ykblue

    Hi there,

    it’s all in the title – I have a mega menu with images. Fine on desktop version. But the responsive version of the slide-out menu shows these imgs even larger as they are. Where can I adjust this img size for the slide-out menu? http://tinyurl.com/mr7p7yv

    Thanks in advance, katharina

    September 6, 2013 at 6:28 pm #139845
    Yigit

    Hi Katharina,

    Please add this code to Quick CSS section in Enfold theme options page under Styling

    #top .mega_menu_title img { width: auto; }

    Regards,

    Yigit

    September 7, 2013 at 3:32 pm #139846
    ykblue

    Thanks, Yigit.

    But this does not change anything on the mobile menu for the iPad/tablets: http://prntscr.com/1pvj65

    Sizes are fine again once reduced to iPhone sizes: http://prntscr.com/1pvkz4

    The images within the mega menu that start a new row are fine; but the ones in a single column dont resize as they should at all on the tablet.

    Thanks for checking again,

    kind regards Katharina

    September 7, 2013 at 3:55 pm #139847
    Yigit

    Hi Katharina,

    Can you please try adding !important to the same code

    #top .mega_menu_title img { width: auto!important; }

    Regards,

    Yigit

    September 7, 2013 at 4:32 pm #139848
    ykblue

    Hi Yigit, sometimes it’s just as simple as that.

    Thanks a lot, everything resolved.

    Best regards

    Katharina

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to resize the mega menu images in slide-out menu’ is closed to new replies.