Jump to content

Background of header is white

Go to solution Solved by Wissamyah,

Recommended Posts

Good evening,

I am facing a small problem, i put my site header on fixed position but i am not able to control the color of the background of the header when scrolling back up. The Style is on dynamic.

The problem is, this background on some of the pages is black and on some other pages is completely white.

Since my website title is already in white along with the links to other pages, i end up having a fixed header with a white background and white title, white links. 

I need help to understand how to change the background of the fixed header please.

 

Thank you

 

Below is a picture that shows the white space over the text. This is supposed to be the fixed header. I can actually click on the title and menu but i cant see anything.

 

image.png.3e93dbafb12f94de79dc13c34ae1704f.png

Link to comment
  • Replies 6
  • Views 667
  • Created
  • Last Reply

Top Posters In This Topic

On 6/11/2023 at 1:49 AM, tuanphan said:

Hi,

What is page url?

www.supremericemills.org
Can you kindly help me find a solution?

You can compare the header background color between every single page and the "Products" page, where the header background is completely white. We cant ready neither the title nor the links to the other pages.

On mobile mode its even worse, because its taking 1/3 of the screen with a blank area.


Thanks a lot!

Edited by Wissamyah
Link to comment
12 hours ago, Wissamyah said:

www.supremericemills.org
Can you kindly help me find a solution?

You can compare the header background color between every single page and the "Products" page, where the header background is completely white. We cant ready neither the title nor the links to the other pages.

On mobile mode its even worse, because its taking 1/3 of the screen with a blank area.


Thanks a lot!

Can you share link to product page? I see it is fine here

image.thumb.png.c0a1db3936f640132b19caaceb61a356.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
3 hours ago, tuanphan said:

Can you share link to product page? I see it is fine here

image.thumb.png.c0a1db3936f640132b19caaceb61a356.png

The problem is not when I am on top of the page. That is the right page you are on. 
 

The problem is when you scroll down, the locked header background becomes white. On the other pages it becomes black. 

Edited by Wissamyah
Link to comment
  • Solution

I just want to say that i created the page all over again after duplicating it from an already existing one and now the header background is working well. 


Thank you for your help.

 

My last question is and hopefully it can help everyone, is it possible to change the blocked header background color (upon scrolling down)? 

Good day!

Link to comment
On 6/13/2023 at 1:46 PM, Wissamyah said:

The problem is not when I am on top of the page. That is the right page you are on. 
 

The problem is when you scroll down, the locked header background becomes white. On the other pages it becomes black. 

You want to change header to white background + black text?

https://www.supremericemills.org/image.thumb.png.176a8204857bc1eeb3b82d6e6aadca6a.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.