What's your biggest current challenge? Have your say in Community Polls along the right column.

How can I raise the image to the top of the footer section?

Solved

How can I raise the image to the top of the footer section?

FadiAlNajr20
Tourist
5 0 0

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?

Accepted Solution (1)
Moeed
Shopify Partner
6346 1721 2079

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:

Moeed_0-1730895039029.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


View solution in original post

Replies 7 (7)

Huptech-Web
Shopify Partner
1010 204 217

@FadiAlNajr20 Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
FadiAlNajr20
Tourist
5 0 0

URL: https://xmart.me/

Password: Xmart@@@

Moeed
Shopify Partner
6346 1721 2079

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


FadiAlNajr20
Tourist
5 0 0

Thank you for the warm welcome!

Here is the URL: https://xmart.me/

Password: Xmart@@@

Moeed
Shopify Partner
6346 1721 2079

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:

Moeed_0-1730895039029.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


EvinceDev
Shopify Partner
121 13 13

Hello @FadiAlNajr20 , Can you please share your store url 

Shopify Theme Advanced Backend Developer and Debugger
Want to modify or develop new app, Hire us.
If our Answer is helpful then please Like and Accept Solution!
I am an eCommerce and Marketing Technology consultant based in India.
To inquire about consulting work availability, You can reach me on Skype by live: rahul.evince or mail on partners@evincedev.com.
Shopify Apps URL :- https://apps.shopify.com/partners/gemfind1
Customization on Shopify Theme | Shopify App Development | SEO & Digital Marketing

DaisyVo
Shopify Partner
1024 130 144

Hi @FadiAlNajr20 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

webi-collapse.footer__blocks-wrapper.grid > .footer-block.grid__item:nth-child(1) > button {
    display: none !important;
}

 

 

Here is the result: https://prnt.sc/cL4TKsWW0BNX
 
I hope this helps
 
Best,
 
Daisy
Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution