brooklyn theme header color change

Solved
chokhahaar
Excursionist
40 0 5

Please can anyone help me with changing my brooklyn theme  header color to white and header font color to black .

Accepted Solutions (5)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2225 3053

This is an accepted solution.

Hi  chokhahaar

 

add code assets/theme.scss.liquid or timber.scss.liquid bottom of the file

 

.site-header {background-color: #ffffff !important;}
.site-nav__link {color: #222323 !important;}

thanks

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

dmwwebartisan
Shopify Partner
9731 2225 3053

This is an accepted solution.

Hi

Solution for mobile version please check 

add code assets/theme.scss.liquid or timber.scss.liquid bottom of the file

 

.burger-icon {background: #222323 !important;}
@media only screen and (min-width: 750px) {
.header-wrapper {position: absolute !important;}
}

Thanks 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

dmwwebartisan
Shopify Partner
9731 2225 3053

This is an accepted solution.

hi

 

yes please try add code bottom of theme.scss.liquid file

.hero__header { position: fixed; }

thanks

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

dmwwebartisan
Shopify Partner
9731 2225 3053

This is an accepted solution.

Hi

 

thanks for replay.

 

solution for mobile please try  but first remove old code .

add code bottom of theme.scss.liquid file 

 

@media only screen and (max-width: 590px) {
.hero__header {position: absolute !important;}
}

@media only screen and (max-width:768px) {
.hero__header {position: absolute !important;}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

dmwwebartisan
Shopify Partner
9731 2225 3053

This is an accepted solution.

This following css I have already given to you to fix header problem on mobile.

But here's once again

Put this css in order to fix header on mobile.

 

@media only screen and (max-width: 768px){
.hero__header {position: absolute !important;}
}

@media only screen and (max-width: 590px){
.hero__header {position: absolute  !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 34 (34)
mitchell5848
Excursionist
36 2 3

Give me more information


@chokhahaar wrote:

Please can anyone help me with changing my brooklyn theme  header color to white and header font color to black .


 

chokhahaar
Excursionist
40 0 5

I am currently using brooklyn theme on my website , the header font color is white as of now , i want to change the font color to black , and the header is transparent currently , so i want to add white background for the header , I do not have any knowledge in coding . this is what it looks like curentlythis is what it looks like curently

dmwwebartisan
Shopify Partner
9731 2225 3053

Hey

 

Could you please share your website url ?

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9731 2225 3053

hi  

 

please check following screenshot and instruction.

 

1] click on theme and click Customize button

2] click on header

3] change color link & icon to black

4] off check box transparent header

 

screen-one.pngscreen-two.pngscreen_three.png

 

thanks

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
chokhahaar
Excursionist
40 0 5

The options that i am getting are a little different . Let me share a screen shot header image 1.pngheader image 2.pngheader image 3.pngheader image 4.png

dmwwebartisan
Shopify Partner
9731 2225 3053

This is an accepted solution.

Hi  chokhahaar

 

add code assets/theme.scss.liquid or timber.scss.liquid bottom of the file

 

.site-header {background-color: #ffffff !important;}
.site-nav__link {color: #222323 !important;}

thanks

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

chokhahaar
Excursionist
40 0 5

hey are the images on the slide show clickable in brooklyn theme?

chokhahaar
Excursionist
40 0 5

it worked like a charm. Thankyou for the help.Screenshot (2).png

 

but on the phone version it do not want the header to be frozen , is there a way to remove that

also the menu button in the top left of the phone version , has disappeared as it was white 

do you have a solution for that ?

 

 

 

 


Screenshot (3).png