Docs

[Shortaxe]

This is the website I’m building: https://www.saranova.dk/
I want to steal the idea from tiffany’s mega menu, and add an image inside column 2: http://international.tiffany.com/

Here is the code I’ve tried:

.x-nav .x-megamenu.col-2>li#menu-item-179 > ul {
    background: url(http://media.tiffany.com/is/image/Tiffany/2X/PMAIMG/mastercats_Menu_301_148204_899-1_2145073122_menu_1.jpg?v=02152017103345) no-repeat center center !important;
}

Can you please guide me onto what is wrong.
Also help me understand the css to size it properly and contain it inside margins.

Thanks a lot!

[Thai]

Hi There,

Please update the CSS to this:

.x-nav li#menu-item-179 > ul {
    background: url(http://media.tiffany.com/is/image/Tiffany/2X/PMAIMG/mastercats_Menu_301_148204_899-1_2145073122_menu_1.jpg?v=02152017103345) no-repeat center center !important;
}

Hope it helps 🙂

[Shortaxe]

Nooo, that CSS does not contain the image to column 2 as on Tiffany. Also you gave me no hint as to how I contain and size the image within the column.

Can I please have a more thorough answer, thank you..

[Rue Nel]

Hello There,

Thanks for updating in! Please have the code updated and make use of this code instead:

.x-nav li#menu-item-179 > ul {
    background: url(http://media.tiffany.com/is/image/Tiffany/2X/PMAIMG/mastercats_Menu_301_148204_899-1_2145073122_menu_1.jpg?v=02152017103345) no-repeat top right !important;
    background-size: 320px auto !important;
    background-color: #fff !important;
}

http://prntscr.com/eg69g0

We would loved to know if this has work for you. Thank you.

[Author]

Posts