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;
}
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025