How to enable footer for mobile

Hi i have seen in some demos that the footer is optimized for mobile devices (Sticky footer that has the wishlist and other features) .. how to enable that in my website

Hello,

You can find this option in the Theme Settings > Footer, you will find the Sticky footer option, set it “ON”

Best Regards

what i meant is to have 2 footers .. default one and a second one for mobile same as the attached photo

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

kindly check it

Hello,

I have checked and the sticky footer works properly.

You have one column in the Footer layout. If you want widgets to collapse, you need to create a few columns and add widgets in Appearance > Widgets > Footer column 1, 2, 3.

Then you need to enable “Collapse widgets on mobile”

Best Regards

no i wasn’t talking about just the footer .. i meant the sticky row that has “wishlist, cart, my account” in the end of website for mobile .. check attachment

Attachments:

You must be logged in to view attached files.

Hello,

You can enable and configure the Mobile bottom navbar in the Theme Settings > General > Mobile bottom navbar https://prnt.sc/vfqjh0

Best Regards

Perfect it is working .. but I have 2 problems

1- when I go to the wishlist page the Sticky navbar disappears

2- how to edit it the background to black color with white labels

Hello,

What device and what browser do you use? I see the sticky navbar in the bottom https://prnt.sc/vfz9ms on the wishlist page.

2. Do you mean the navbar?

Best Regards

regarding the navbar yea it is working .. i think i had problem with my mobile chrome cache

2- yes i would like to have black background with white icons

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-toolbar {
    background-color: black;
}
body .basel-toolbar-item > a {
    color:white!important;
}
.icons-design-line .shopping-cart>a:before,
.icons-design-line .wishlist-info-widget>a:before {
color:white!important;
}

.wishlist-info-widget>a:hover:after {
   color:white!important;
}
 .basel-toolbar>div a span.basel-toolbar-label {
    color: white;
}
 .basel-toolbar>div a:hover span.basel-toolbar-label {
    color: white;
}

Best Regards

[Author]

Posts