Boundless Header and Footer

Highlighted
New Member
8 0 0

Hey everyone, I am trying to change some things with the header and footer designs in the boundless theme.

 

1. Can I add a background to the header on the homepage instead of it being transparent? I attached a screenshot of the portion I would like to have a white background. This would also mean the icons would have to become black. GREEN BOX WAS ADDED IN SCREENSHOT, WANT TO FILL WITH WHITE****

E0D85439-543C-484B-8904-BA7C4A58662F.jpeg

2. How can I make the footer text become left justified and make the payment icons spread out instead of being awkwardly squished in. I attached two things to make it more clear.

 


6BF8DF3B-BEFB-4B8C-9594-387B09A0046D.jpeg

 

1C78484E-3510-4172-A0CB-54719106733C.jpeg

Hope these are easy fixes, thanks so much :)

0 Likes
Highlighted

Hello @jpetrillo,

For header

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.template-index .site-header-wrapper {
	position: relative !important;
}
.template-index .site-header__link, .template-index .site-header__logo-link {
	color: #000 !important;
}

For Footer

Go to footer.liquid file and do som changes as shown in below screenshots

2019-12-30_15-12.jpg2019-12-30_15-15.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

I tried to paste the code you gave above for the header but it didnt work.

 

Im after the same changes, white header background. and to turn the icons black

 

Can you help please?

 

Screen Shot 2020-07-30 at 14.29.29.png

0 Likes