Shopify themes, liquid, logos, and UX
Hi, I have a section in the footer that contains my logo image. I would like to make the image higher up so that it aligns better with the design. How can I achieve this in Shopify using CSS or Liquid?
Solved! Go to the solution
This is an accepted solution.
Hey @FadiAlNajr20
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) {
.footer-block__image-wrapper.global-media-settings {
top: -65px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
@FadiAlNajr20 Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.
Hey @FadiAlNajr20
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
This is an accepted solution.
Hey @FadiAlNajr20
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) {
.footer-block__image-wrapper.global-media-settings {
top: -65px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @FadiAlNajr20 , Can you please share your store url
webi-collapse.footer__blocks-wrapper.grid > .footer-block.grid__item:nth-child(1) > button {
display: none !important;
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024