Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
jasonconway

Bedford Hamburger color change

Question

I'm hoping to be able to change the colour of the hamburger icon in the Bedford Template. Not the nav text colour - just the hamburger icon?

I'm using the transparent banner option on all pages for aesthetic reasons. I've been able to add custom CSS to fix the bar but when the page scrolls the white hamburger icon is lost as the page colour is white.

I could, of course, change the nav colour to orange (#e48b25) but the client may not be happy with this.

I hope that this is a quick bit of code to add?

Many thanks in advance

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0
.mobile-nav-toggle * {
    background: #e48b25 !important;
}

Reference: https://beaverhero.com/bedford-template-squarespace/#Hamburger_Icon_Color


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...