logo

[saint5]

how to make logo sticky on top when scrolling down or up 

[websensepro]

Hi @saint5 , kindly provide your store URL please. Thanks

[saint5]

not publish yet 

[websensepro]

which theme are you using?

[saint5]

Dawn

[rifat_Shop]

Hi @saint5 ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

.logo-class {
position: sticky;
top: 0;
z-index: 1000;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}

/* Responsive design */
@media (max-width: 768px) {
.logo-class {
padding: 5px;
top: 0;
}
}
​

Copy

Hope this can help you,

[Rahul_dhiman]

Hello @saint5 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.header__heading-logo {
position: fixed !important;
}

If this was helpful, hit the like button and accept the solution.
Thanks