Home Forums Basel – Premium Template Basel Toolbar

This topic contains 11 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 months ago.

Viewing 12 posts - 1 through 12 (of 12 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

    #133237

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    #133390

    Maikel
    Customer

    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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #133464

    Hello,

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

    Best Regards

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

You must be logged in to reply to this topic.