How can I align my logo and menus on the Galleria theme header?

Store Design
1

Hi There,

I have the Galleria theme on my store. All I want is to get my header in the same line. My logo is upper than the menus and I want it in the same line. Please

Could Anybody help me?

https://decocoojkies.myshopify.com/

Thanks.

2

Hi @Covarrubias ,

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 (min-width: 992px) {
    .\#main-nav-container {
        position: absolute;
        top: 0;
        left: 300px;
        max-width: calc(100% - 350px);
    }   
}

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

3

Thanks! That works fine!
But there’s another problem now, my drop menu now looks smaller. I leave a photo.
It there a solution to make it larger?

Screen Shot 2022-03-09 at 20.19.18.png
Screen Shot 2022-03-09 at 20.19.18.png2276×1638 221 KB

4

Hi @Covarrubias ,

You can add below code in main-navigation.css file:

@media (min-width: 992px) {
    .\#main-nav-wrapper .\#main-nav-dropdown.\@mega {
        width: 100vw !important;
        left: -300px !important;
    }
}

Hope it can help you