Mobile bottom navbar middle item position

I want to make the mobile bottom navbar position top(middle item like the screenshot).

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

You can change the sorting of the mobile nav menu items from Theme Settings >> General >> Mobile Bottom Navbar.

Screenshot for Clarification: https://gyazo.com/684b81a900121620455225fb5500276e

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

.wd-toolbar {
    overflow: unset !important;
}

.wd-toolbar .wd-header-cart span.wd-tools-icon.wd-icon-alt {
    margin-top: -30px;
    background: black;
    padding: 10px;
    border-radius: 50px;
    border: 5px solid white;
}

.wd-toolbar .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    color: white;
}

Regards.
Xtemos Studios

[Author]

Posts