How can I prevent my header from sticking when scrolling?

Store Design
1

Hi, I am trying to work out how to stop my header from sticking when i scroll

I have changed the sticky header setting to none but it is still there and stuck.

Also the header isnt going across the whole screen when hovering on the main page, how do i fix this too.

Please help…

2

Hi @winandco

Please share your store link

3

@winandco

Please share your store URL!

Thanks!

4

www.winnieandco.co.nz<>
basoro

5

Go to your Online store > Themes > Edit cod > open theme.liquid file, find and remove this part of code. You may see it at the bottom of your theme.liquid file

.header {
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.3s ease;
}

,

6

thanks, its working now

How do i get the header menu the whole way across desktop and centre it

7

Could you explain a little more about your question?

8

Hi,

when i changed the sticky heading its brought the photo down, i want the photo to still be behind the menu?

Sophie Frampton

Founder/Director
P: 0221038296
E: winnieandcostore@outlook.com
W: winnieandco.co.nz

[cid:3b2517cb-83a6-4895-b1b9-b0c770f44729]

From: Shopify Community Mailer
Sent: 30 October 2023 20:45
To: winnieandcostore@outlook.com
Subject: Re: Header (Shopify Community Subscription Update)

Note: Replying directly via email is not supported, to respond to this notification click Reply, or sign into the Shopify Community<> and respond within the topic<>.

Hi winandco,

Dan-From-Ryviu (Shopify Partner) posted a new reply in Shopify Design<> on 10-30-2023 03:44 AM:

Re: Header<>

Could you explain a little more about your question?

Reply | Accept as Solution<> | Like<>

Want to learn the world of Shopify? Find the commerce education you need now at Shopify Academy<>

To control which emails we send you please go to manage your subscription & notification settings<> or unsubscribe<>.