How do I change the vertical position of the logo in the header

How do I change the vertical position of the logo in the header

charlie1408
New Member
6 0 0

Hi,

I'm using 'ira' theme and want to place the logo down the page - lower than the rest of the navigation

 

I'm currently working on a new version of the website so its not live but a preview link is here:

 

https://nodirugs.com/?_ab=0&_fd=0&_sc=1

 

I'm trying to get the logo to sit like this below.. Is anyone able to help? thank you

 

Screen Shot 2023-06-10 at 7.27.50 PM.png

Replies 4 (4)

Moeed
Shopify Partner
4319 1109 1361

Hey @charlie1408 

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: 1024px) {
.header__heading-link, .header__heading {
    padding-top: 35px;
    padding-bottom: 20px;
}
}
</style>

 

Moeed_0-1686383991947.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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
charlie1408
New Member
6 0 0

Hi Moeed,

 

Thanks so much. I'm not sure why, but it doesn't seem to be working? Have I entered the code correctly?

 

Screen Shot 2023-06-10 at 8.10.45 PM.png

Moeed
Shopify Partner
4319 1109 1361

Hey @charlie1408 

Remove the previous code and add the new code 

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: 1024px) {
h1.header__heading {
    padding-top: 40px !IMPORTANT;
    padding-bottom: 20px !IMPORTANT;
}
}
</style>

Moeed_0-1686385953325.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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

oscprofessional
Shopify Partner
15938 2383 3092

Hello @charlie1408 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header__heading {
    margin: 3% !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free