Floating footer bar

  • Resolved YOELO

    (@yoebo)


    5 years, 3 months ago

    Hi, I’d like to remove the [account] and [search] button from the bottom floating bar and have only the [cart] button visible possibly floated right. What template can I edit to remove this please or what CSS could I use to target just the account and search buttons on the bar? Thanks

Viewing 1 replies (of 1 total)

  • Hi @yoebo,

    It is possible to do that with CSS. Add this to the Additional CSS section of the Customizer:

    
.storefront-handheld-footer-bar ul li.search, 
.storefront-handheld-footer-bar ul li.my-account {
    display: none;
}

.storefront-handheld-footer-bar ul.columns-3 li.cart {
    width: 100%;
}

.storefront-handheld-footer-bar {
    width: 60px;
    left: initial;
}

    When I applied that to my test site, here’s how that looks.

    footer cart

    If you have any questions, let me know.

    Cheers

Viewing 1 replies (of 1 total)
  • The topic ‘Floating footer bar’ is closed to new replies.