Shopify themes, liquid, logos, and UX
Hello to whom it may concern
Lately I've been trying all sorts of code on my Dawn theme and can't seem to figure out how to make my Header Logo larger. If anyone can help me find out what I might be doing wrong that would be greatly appreciated.
Alongside, I would Like to move my catalog button from my Header menu to the Far Right if anyone knows how to do that as well. I'd like to move it almost as far as the shopping cart is. 😛
https://fe7914-54.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Hey @Ignacio7
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
a.header__heading-link.link.link--text.focus-inset img {
width: 500px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @Ignacio7
Your store is password protected, can you share the password as well?
Best Regards,
Moeed
yaheos
sorry about that
This is an accepted solution.
Hey @Ignacio7
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (min-width: 768px) {
a.header__heading-link.link.link--text.focus-inset img {
width: 500px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Yep that worked great thanks,
Any chance you could also let me know how to move the Catalog button all the way far right?
Remove the previous code and try this updated code.
<style>
@media screen and (min-width: 768px) {
a.header__heading-link.link.link--text.focus-inset img {
width: 500px !important;
}
nav.header__inline-menu {
left: 600px !important;
position: relative !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
You can also try this out
To move the Catalog button to the far right:
1. In Theme Editor:
Go to Customize > Header section.
Look for alignment options (if available).
2. Using CSS:
Go to Online Store > Themes > Edit Code > Assets > open base.css or theme.css.
Add this code:
.site-nav__item--catalog {
margin-left: auto;
}
3. Liquid Code (if needed):
Edit Sections > header.liquid to target the Catalog link specifically.
Save ch
anges and preview the store.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024