Home Forums Basel – Premium Template Basel Toolbar

This topic contains 8 replies, has 2 voices, and was last updated by  Maikel 26 minutes ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #132328

    Maikel
    Customer

    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.
    #132373

    Hello,

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

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

    Best Regards

    #132643

    Maikel
    Customer

    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.
    #132688

    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

    #133038

    Maikel
    Customer

    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.
    #133121

    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

    #133130

    Maikel
    Customer

    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.
    #133133

    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

    #133135

    Maikel
    Customer

    Hi support,

    Still the same result…

    Best regards,

    Maikel

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

You must be logged in to reply to this topic.