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

[charlie1408]

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

[Moeed]

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>

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

Best Regards,
Moeed

[charlie1408]

Hi Moeed,

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

[Moeed]

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>

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

Best Regards,
Moeed

[oscprofessional]

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;
}