Shopify themes, liquid, logos, and UX
Hi, I'd like to have my logo stay with the header while customers scroll. Im using the Context theme.
Store Url: NinjaToolSupply.com
Password: password
Solved! Go to the solution
This is an accepted solution.
Hi @DarmorGamz,
Please place this code at the end of the "index.css" file to center your menu when sticking your header:
@media (min-width: 60em) {
.header--default .header__nav {
display: block;
margin: 0 auto;
}
}
Hope this helps!
Hi @DarmorGamz ,
Please add a logo for the sticky Header too. Follow the steps:
1. Go to Customize
2. Header
3. Sticky header logo image
Please let me know if you need any assistance.
Good Luck!
Sticky logo makes it look like this
You need to make some code changes, please add me as a staff so I can fix it for you.
Hi @DarmorGamz,
Please place this code at the end of the "index.css" file to fixed the sticky header on your site.
@media (min-width: 60em) {
.header-container.is-sticky .header__sticky-logo-wrapper {
position: relative;
justify-content: center;
}
}
Hope this helps.
Screenshot to refer: https://prnt.sc/11c8rko
How do I keep the header menu centered
This is an accepted solution.
Hi @DarmorGamz,
Please place this code at the end of the "index.css" file to center your menu when sticking your header:
@media (min-width: 60em) {
.header--default .header__nav {
display: block;
margin: 0 auto;
}
}
Hope this helps!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024