Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • October 6, 2016 at 4:56 pm #696111
    Obeatone

    Hi, It’s me again ;)

    I’m working on my menu and I want to put an image in the second column.
    So I created a Megamenu and I checked for all “This column should start as a new row” except for my picture.

    I put some css to replace my image :
    .image-menu {
    position: absolute !important;
    right: 0;
    }

    But now the image isn’t showing entirely and I can’t find where i can put a overflow:visible to show all the image.
    If you have any idea, it will help me a lot ! Thank you very much for helping !

    Regards,
    Thibault

    October 8, 2016 at 5:55 am #696802
    Ismael

    Hey Obeatone!

    Thank you for using Enfold.

    Please try this in the Quick CSS field:

    #menu-item-24 .avia_mega_div.avia_mega2.six.units .sub-menu:nth-child(1) {
    min-height: 200px;
}

    Best regards,
    Ismael

    October 9, 2016 at 12:39 pm #697049
    Obeatone

    Thank you for your reply Ismael !
    Unfortunetly it doesn’t work. Picture is not showign entirely.

    Thank you for helping !

    October 10, 2016 at 6:46 am #697167
    Rikard

    Hi,

    Did you try adjusting the pixel value in the code Ismael sent? For instance: 

    #menu-item-24 .avia_mega_div.avia_mega2.six.units .sub-menu:nth-child(1) {
    min-height: 400px;
}

    Thanks,
    Rikard

    October 10, 2016 at 10:39 am #697212
    Obeatone

    Hi,
    Sorry Rikard, you’re right, your css code works on the “bijoux” section :)

    But I still have a little issue, there is now a big white space between “Colliers” and “Bagues”.
    That is why i putted a position:absolute to my picture :)

    Thank you very much for your help !
    Regards,
    Thibault

    October 10, 2016 at 4:14 pm #697428
    Obeatone

    Hi,
    I’m searching another method more simple :)
    So I deleted my image menu item and I’m trying to add a background: url(“”) to my sub-menu.

    But I still have a problem when I add this :
    .avia_mega_div.avia_mega1 {
    background:url(“/imgs/menu1.jpg”) no-repeat right top;
    }

    I can’t see my picture ;(

    Thank you for helping :)

    October 11, 2016 at 12:40 pm #697775
    Andy

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    October 11, 2016 at 12:50 pm #697784
    Obeatone

    Hi,

    You will find the login informations below.
    Thank you for your help !

    Regards

    October 12, 2016 at 10:27 am #698180
    Obeatone

    Hi Andy,
    Did you find something with backoffice access ?

    Thank you very much !
    Regards,
    Thibault

    October 12, 2016 at 3:55 pm #698353
    Andy

    Hi,

    to be able to use images inside your menu, please watch this video: https://vimeo.com/channels/aviathemes/67651241

    Best regards,
    Andy

    October 13, 2016 at 9:50 am #698646
    Obeatone

    Hi, I know this method but i want to do this :

    Is it possible to do that with this method ?
    I tried but i couldn’t do it, see upstare.

    Thank you for helping.
    Regards,
    Thibault

    October 14, 2016 at 1:34 pm #699097
    Andy

    Hi,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    October 14, 2016 at 2:00 pm #699115
    Obeatone

    Hi, sorry i’m working on double langages :)

    Here is the link in french where you should find menu working :

    Accueil

    Regards,
    Thibault

    October 14, 2016 at 2:01 pm #699117
    Obeatone

    Here the link in private content

    October 14, 2016 at 2:03 pm #699120
    Andy

    Hi,

    I still can’t find any images inside your mega menu on the links you’ve provided. Please send us a correct link, showing the elements of your screenshot. Follow the video instructions I provided to you to be able to use images inside your mega menu. Let us know when you’re done with it and still need help.

    Best regards,
    Andy

    October 14, 2016 at 2:08 pm #699123
    Obeatone

    It’s now OK !
    I also add a css class to this image : img-menu

    Thank you !

    October 16, 2016 at 2:02 pm #699591
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic.

    Thanks,
    Rikard

    October 16, 2016 at 9:45 pm #699705
    Obeatone

    Ah no sorry it doesn’t work, the image is not displayed where i want :)
    I want to put the image on the top right of the menu like in this picture below and i don’t know how to do it.

    Thank you for helping !

    October 17, 2016 at 12:55 pm #699933
    Andy

    Hi,

    the problem is that you added the image into your last menu item. Add it to your first menu item instead.

    Best regards,
    Andy

    October 17, 2016 at 1:16 pm #699958
    Obeatone

    Hi, I did it but the image is not displayed where I want.
    Sub-category are below my picture instead of beside.

    Thank you for your help !
    Regards.

    October 19, 2016 at 5:05 am #700982
    Ismael

    Hi,

    Place the image below the first mega menu column. We edited the mega menu items. Please remove browser cache or hard refresh the page.

    Best regards,
    Ismael

    October 19, 2016 at 3:23 pm #701365
    Obeatone

    Hi,
    Thank you for your help Ismael :)

    Regards,
    Thibault

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Image in menu’ is closed to new replies.