Mobile header navigation and branding color change in Brine

Site URL: https://faithstrongsite.squarespace.com/

Hi!

I implemented the code below to change the color of my header elements on one mobile page from gold to white. Mobile elements don't seem to change color with different background colors like on desktop. This is the code:

#collection-56099b55e4b0ec7b8a89d273 .Mobile-bar-menu, .Mobile-bar .Cart {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

#collection-56099b55e4b0ec7b8a89d273.has-site-title .Mobile-bar-branding {
  color: #ffffff !important;
}

The issue is the number in the shopping bag did not change from gold to white on the home page and the bag itself stays white on the about page. Images are below. What am I doing wrong? pw: faithstrong

Thanks!

8 hours ago, tuanphan said:

 

No Such Website

The website you requested does not exist.

It's live now. https://www.faithstrongculture.com/

15 hours ago, Kico said:

It's live now. https://www.faithstrongculture.com/

Add to Design > Custom CSS

body.homepage span.sqs-cart-quantity {
    color: white !important;
}

8 hours ago, tuanphan said:

Add to Design > Custom CSS

body.homepage span.sqs-cart-quantity {
    color: white !important;
}

 

Thank you but that didn't work.

YES! I figured it out! Probably a very inelegant solution but here's what I did to have the mobile header elements switch colors based on the page background color in the same way as the desktop version.

#your specific page .Mobile-bar .Mobile-bar-menu {
  stroke: #ffffff !important;
}

#your specific page .Mobile-bar .Cart, .tweak-mobile-bar-cart-style-bag-alternate  {
  stroke: #ffffff !important;
}

#your specific page .Mobile-bar-branding {
  color: #ffffff !important;
}

#your specific page.tweak-mobile-bar-cart-style-bag-alternate .Mobile-bar .Cart .sqs-cart-quantity {
   color: #ffffff !important;
}

I actually have a related question to your post on four/30. I've adjusted the Continue Shopping hyper link to redirect to my store instead of my homepage, but it does not seem to be running.

@kilorsae33

I'm suggesting folks with cart issues wait until after this coming Monday as SS has planned an update for the cart page. Any code we create/fix now might break at that time.

Bump this thread after Monday if needed.

On 3/14/2021 at 8:38 AM, kilorsae33 said:

I actually have a related question to your post on four/30. I've adjusted the Continue Shopping hyperlink to redirect to my store instead of my homepage, but it does not seem to be running.

Can you share link to cart page? We can help easier