Support » Theme: Meteorite » Mega menu images

  • Resolved gokh

    (@gokh)


    Hi,
    Is it possible to “hover effect” mega menu images? or, can the “image frame” be applied?

    Respects..

Viewing 15 replies - 1 through 15 (of 24 total)
  • Theme Author terrathemes

    (@terrathemes)

    Hi,

    it depends on which hover effect you want.

    Footer 2 “zoom in” effect.

    Theme Author terrathemes

    (@terrathemes)

    Please try out this CSS and see if it fits. It is not exactly the effect because you can not cut the edges on that background on hover, as it would normally be with the zoom effect of the Image Frame Widget. Nonetheless it should do the trick.

    #mobile-menu .mega-menu .sub-menu li a::before, 
    #main-nav .mega-menu .sub-menu li a::before {
      transition: all 0.3;
    }
    #mobile-menu .mega-menu .sub-menu li a:hover::before, 
    #main-nav .mega-menu .sub-menu li a:hover::before {
      -webkit-transform: scale3d(1.1, 1.1, 1);
      -ms-transform: scale3d(1.1, 1.1, 1);
      transform: scale3d(1.1, 1.1, 1);
    }

    Yes it is not the same effect, I think it is necessary to cheat.

    Theme Author terrathemes

    (@terrathemes)

    I forgot an s after the 0.3.

    Please use this instead:

    #mobile-menu .mega-menu .sub-menu li a::before, 
    #main-nav .mega-menu .sub-menu li a::before {
      transition: all 0.3s;
    }
    #mobile-menu .mega-menu .sub-menu li a:hover::before, 
    #main-nav .mega-menu .sub-menu li a:hover::before {
      -webkit-transform: scale3d(1.1, 1.1, 1);
      -ms-transform: scale3d(1.1, 1.1, 1);
      transform: scale3d(1.1, 1.1, 1);
    }

    There is no other real way we can do anything more.

    • Yeah nice. But the picture frame just grows to the right (footer2).

    • Picture frame problem.

    Thanks..

    Theme Author terrathemes

    (@terrathemes)

    But the picture frame just grows to the right (footer2).

    Your image is too small. Use an image with 720px width.

    Picture frame problem.

    What do you mean with this? Please provide more details if you need help with something. Otherwise I have to ask again and again for more information.

    • I applied one (750x450px). Footer2 image frame 330x172px

    • İmage border
    http://w.tuyograf.com/hizmetler/

    Theme Author terrathemes

    (@terrathemes)

    Footer2 image frame 330x172px

    The footer image should have at least 720px width too. Otherwise it will scale to the right. The image should fit its column, so you need to have a larger image in it.

    İmage border

    Is it already fixed? I don’t see that border on your website.

    Theme Author terrathemes

    (@terrathemes)

    I don’t know what you mean with this image.

    As I said above, I can’t see that border in your menu.

    Please thake a look at this screenshot.

    And again, please provide more information. Talk with me. I can’t know what you mean when you link to your site with this image.

    Theme Author terrathemes

    (@terrathemes)

    I took a look at your website with Chrome. There the white border appears on hover too. With Firefox it worked.

    Applying this rule should fix it.

    #mobile-menu .mega-menu .sub-menu li a::before, 
    #main-nav .mega-menu .sub-menu li a::before {
      background-repeat: no-repeat;
    }

    • Yes, done.
    • Why does not the image open to the right. 750x450px

    Theme Author terrathemes

    (@terrathemes)

    Why does not the image open to the right. 750x450px

    I can’t know what you mean with “the image”. Please provide more information. Otherwise I have to ask again and again.

    Do you mean the image in the footer? This is still 330x172px. Do you maybe need to link it in the widget again?

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘Mega menu images’ is closed to new replies.