Menu like this

This topic has 9 replies, 2 voices, and was last updated 2 years, 3 months ago by Aizaz Imtiaz Awan.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
June 20, 2022 at 2:19 pm #384631

web8844
Participant

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

June 20, 2022 at 3:51 pm #384666

Aizaz Imtiaz Awan
Keymaster

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

June 22, 2022 at 7:46 pm #385463

web8844
Participant

thanks

June 23, 2022 at 11:14 am #385607

Aizaz Imtiaz Awan
Keymaster

Hello,

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

Screenshot: https://gyazo.com/ae49278ea2ab9a1b39dd67daa81f4d47

Best Regards

June 25, 2022 at 7:06 pm #386245

web8844
Participant

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

June 27, 2022 at 9:10 am #386421

Aizaz Imtiaz Awan
Keymaster

Hello,

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

Best Regards

June 30, 2022 at 3:42 pm #387532

web8844
Participant

Hello Aizaz

i created menu like you asked me

thank you

July 1, 2022 at 8:51 am #387675

Aizaz Imtiaz Awan
Keymaster

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

August 14, 2022 at 6:47 pm #397193

web8844
Participant

oh guys you are awesome

any chance to reproduce this style in mobile ?

big big thanks

August 15, 2022 at 9:35 am #397263
Aizaz Imtiaz Awan
Keymaster
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