Basel Toolbar

Hi support,

I would like to remove the ‘basel-toolbar’ on my single product page (see image)

Because it is too much together with my sticky add to cart button.

Thank you for your help!

Best regards,

Maikel

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile/Tablet:

.single .basel-toolbar {
display:none;
}

Best Regards

Hi support,

Thank you very much!

Only my ‘Sticky Add To Cart Button’ is now in a crazy place (see image)

Thank you for your help!

Best regards,

Maikel

Attachments:

You must be logged in to view attached files.

Hello,

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

@media (max-width: 1024px){
body.sticky-toolbar-on .basel-sticky-btn {
    bottom: 0;
}
}

Best Regards

Great support, thank you very much!

I would also like to change the color of the text and icons in the Basel-toolbar to a different color (see image)

In the header I have already changed the color of the icons to white, but in the basel-toolbar I would like a different color. For example in red.

Thank you for your help!

Best regards,

Maikel

Attachments:

You must be logged in to view attached files.

Hello,

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

body .basel-toolbar-item a::before {
    color: red;
}
body .basel-toolbar .wishlist-info-widget>a:before {
    color: red;
}
@media (max-width: 991px) and (min-width: 768px){
body .mobile-nav-icon .basel-burger,
body .mobile-nav-icon .basel-burger::after,
body .mobile-nav-icon .basel-burger::before {
    background-color: red;
}
}

Best Regards

Thank you for your help!

But unfortunately it doesn’t work well (see image)

Best regards,

Maikel

Attachments:

You must be logged in to view attached files.

Hello,

Try to replace with this one:

body .basel-toolbar-item a::before {
    color: red;
}
body .basel-toolbar .wishlist-info-widget>a:before {
    color: red!immportant;
}
@media (max-width: 991px) and (min-width: 768px){
body .mobile-nav-icon .basel-burger,
body .mobile-nav-icon .basel-burger::after,
body .mobile-nav-icon .basel-burger::before {
    background-color: red!immportant;
}
}
}

Best Regards

Hi support,

Still the same result…

Best regards,

Maikel

Hello,

Please provide your site admin access to the private area.

Best Regards

Hi support,

In that case we keep the background color just blue.

Finally, we would like to make the funnel icon completely white just like the rest (see image)

Thank you for your help!

Best regards,

Maikel

Attachments:

You must be logged in to view attached files.

Hello,

Please provide me with access to the admin panel of the site. You have provided URL only.

Best Regards

[Author]

Posts