Menu like this

Hello best team

i have 2 works to do :

1. i would like to make a menu like this https://i.imgur.com/LZbPqNI.png
https://myticketmonaco.com

2. another feauture, may be yu can have an idea
in my store, i wish add in checkout page choice of 3 package of gift wrap
let’s see, sometime user can take 2 or 3 products but he also may need a gift wrap
he can choose from 3 fileds in checkout page one of desired gift wrap

can you please help me about this

thank you
best regards
tarik

Hello,

1. Please provide the URL of your website to check it myself and help you out accordingly.

2. Sorry but there is no option in Theme Settings available for that. You need to find a plugin for that.

Best Regards

thanks

Hello,

I have visited your website and the menu is already the same as you required.

Screenshot: https://gyazo.com/ae49278ea2ab9a1b39dd67daa81f4d47

Best Regards

yes but using buttons
this is so ugly in tablet or when you resize one button get large and small than other
i may be interested by using normal menu (css) but element get the look of bouttons as shwoed

thank you

Hello,

Please create a menu and add it to the header and tell me I will provide you the CSS.

Best Regards

Hello Aizaz

i created menu like you asked me

thank you

Hello,

Please try adding the following custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-color-light .navigation-style-default .item-level-0>a {
background-color: #1ca8f5;
padding: 25px;
border-radius: 10px;
margin-left: 15px;
}

Best Regards

oh guys you are awesome

any chance to reproduce this style in mobile ?

big big thanks

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-nav-mobile li a {
    background-color: #1ca8f5;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 12px;
    color: white;
}

Best Regards

[Author]

Posts