MOBILE BOTTOM MENU BAR NEED TO BE MODIFY

This topic has 8 replies, 2 voices, and was last updated 7 months, 2 weeks ago by Luke Nielsen.

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

Author

Posts
July 16, 2024 at 5:37 am #583547

Apon Ahamed
Participant

I need to change my website mobile bottom menu bar into rounded shape like my picture example. Need the required custom css or js .

Attachments:
You must be logged in to view attached files.

July 16, 2024 at 10:55 am #583611
Luke Nielsen
Keymaster
Hello,

Try to use the code below:
```
.wd-toolbar {
    border-radius: 15px 15px 0 0;
    box-shadow: 0px 0px 2px 0px #333;
}
```
Define it in Theme Settings -> Custom CSS.

Kind Regards
July 16, 2024 at 12:18 pm #583642

Apon Ahamed
Participant

Thanks it works but need some adjustments. I want to increase the height of this mobile bottom menu bar and icon size of the buttom mobile menu should be increased .
I attached example, I want exactly like this ..

Example link has been attached to private section.

Attachments:
You must be logged in to view attached files.

July 16, 2024 at 12:31 pm #583648

Apon Ahamed
Participant

Mobile buttom bar menus icon looks backdated and similar for every wite build with woodmart . I want to be unique site , so badly want to replace the default mobile bottom menu bar icon with awesome font icons .
There is option on theme to add custom button to mobile bar and add custom icon but there is no options to replace existing icon like wishlist , compare , my account, shop , cart .

Note – I only want to change the icon for mobile buttom bar , not for entire site .

My website link is given below.

July 17, 2024 at 1:23 am #583774

Apon Ahamed
Participant

My requirement – bottom mobile navigator height = 60 px (for all pages)

Bottom mobile navigation background colour = #FFBB00 (for all pages)

Bottom mobile navigation Menu icons size should be increased

Please give me custom css for my requirement and please note make this code for my website all pages (example- home page, product page, checkout page ect) in mobile and tablet devices.

July 17, 2024 at 1:59 am #583777

Apon Ahamed
Participant

Also required-

Mobile bottom navigator boarder radius should be 25px and also for all pages.

Please give a proper customer css for my above requirements.

Thanks .

July 18, 2024 at 9:11 am #584087
Luke Nielsen
Keymaster
Hello,

Replace the previous code with the below one:
```
.wd-toolbar {
    border-radius: 25px 25px 0 0;
    box-shadow: 0px 0px 2px 0px #333;
    height: 60px;
    background-color: #FFBB00;
}

body .wd-tools-element .wd-tools-icon:before {
    font-size: 25px;
}
```
Clear the cache and check how it works.

Kind Regards
July 18, 2024 at 10:42 am #584112

Apon Ahamed
Participant

Thanks.
Now it’s working perfectly.
Topic complete ✅

July 18, 2024 at 10:56 am #584119

Luke Nielsen
Keymaster

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards
Author

Posts