How to edit positions of navbar buttons on mobile

[luka.soldo007]

Hi, i want to edit positions on navbar buttons on mobile

I added livechat and i want it to stay on current position but its preventing me to see cart button on mobile

i try removing 2 buttons on navbar in expectation that i will be able to see cart button but when i removed it its just made bigger gap the cart button is still on right side under chat bubble, so i need help to change position of buttons of navbar on mobile, here is images to see exactly what i’m talking about

Current: https://i.imgur.com/tYQVOKs.jpeg

How i want it to be: https://i.imgur.com/ibI5vuA.jpeg
(i added all same icons just for test, it will be different in reality, this is just to show you how much space in between)

so how to edit that space GAP between icons/buttons in navbar to be like on second picture

• This topic was modified 1 year, 2 months ago by luka.soldo007.
• This topic was modified 1 year, 2 months ago by luka.soldo007.
• This topic was modified 1 year, 2 months ago by luka.soldo007.

Attachments:

You must be logged in to view attached files.

Hi luka.soldo007,

Thanks for reaching to us.

First of all, I’m really sorry have taken long time to reply you due to the weekend.

Please try using the below Custom CSS code and paste it to Dashboard > Theme Settings > Custom CSS > Custom CSS for mobile section:

.wd-tools-element.wd-header-cart>a {
	justify-content: flex-start;
}

.wd-toolbar.wd-toolbar-label-show .wd-header-cart .wd-toolbar-label{
	text-align: left;
}

Regards,

[Author]

Posts