How can I center my logo on the Galleria theme?

Store Design
1

Hello

My logo in my page is on the left and i want it there but it is too down, it’s not center. I want it a little upper, just on the center,

Can anybody help me?

thanks!

https://decocoojkies.myshopify.com/

2

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/main-navigation.css->paste below code at the bottom of the file:
@media only screen and (min-width: 759px) {
 
 .\#main-header-inner {
padding-bottom:12px;

 }
}
3

Hi @Covarrubias ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/main-header.css->paste below code at the bottom of the file:
.\#main-header-logo.\@img {
    margin-top: -15px;
    padding-bottom: 15px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4

Have you noticed that on smaller screens, like iPad in landscape some of your menu items are hidden and account/cart icons overlap the menu?

Untitled 2.jpeg
Untitled 2.jpeg1338×216 30.2 KB

You can’t really fix it with CSS alone, some of the page elements are in wrong places.

The best you can do with CSS is to add this code to the very bottom of the main-navigation.css Asset:

@media (min-width: 992px) {
    .\#main-header-toolbar.\@end {
        display: none;
    }
    .\#main-nav-toolbar {
        display: block;
    }
    .\#main-nav-container {
        position: initial;
        gap: 1rem;
    }
    .\#main-header-inner {
        display: flex;
        justify-content: space-between;
    }
    .\#main-nav-toolbar:first-child {
        order: 5;
    }
    .\#main-nav-container {
        margin: 0.5rem 0;
    }
    .\#main-header-inner {
        padding: 1rem;
    }
}

And the result will look like this:

Untitled.jpeg
Untitled.jpeg1344×262 35.3 KB