Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2015 at 10:50 pm #493834
    bill

    The Mega Menu on my website (under the Resources header) works fine on Chrome, but not Firefox. The image in the menu appears full sized instead of being automatically scaled.

    August 26, 2015 at 11:38 pm #493855
    Basilis

    Hi bill!

    Can you test our demo and let us know if that is happening there also?

    Regards,
    Basilis

    August 27, 2015 at 4:22 am #493885
    bill

    Hi Basilis,

    Thanks for your reply, but your demo doesn’t seem to have an image in a mega menu.

    August 28, 2015 at 6:19 am #494635
    Ismael

    Hey!

    Please try to use smaller image or try to limit the width of the image with this in the Quick CSS field:

    #top #header .avia_mega_div > .sub-menu > li > ul li img { max-width: 200px; }

    If it doesn’t work, use this:

    #top #header .avia_mega_div > .sub-menu > li > ul li img { width: 200px; }

    Regards,
    Ismael

    August 28, 2015 at 10:24 pm #495117
    bill

    Thanks, I got it. For the record, I fixed it by adding CSS styles directly in the description of the menu.

    The code I used to display the image in the first place is

    <img src="http://website.com/img.jpg" title="" alt="" />

    And I fixed the bug by using

    <img src="http://website.com/img.jpg" title="" alt="" style="max-width: 200px;" />

    It’s neither pretty nor perfect, but it works. Thanks for all your help!

    August 31, 2015 at 8:14 am #495621
    Rikard

    Hi,

    Sorry for the problems, glad you got it fixed and thanks for sharing the solution!

    Thanks,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mega Menu Firefox Bug’ is closed to new replies.