We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Move logo to the left in header (Galleria 2.0 theme)

Solved

Move logo to the left in header (Galleria 2.0 theme)

JKP84
Shopify Partner
35 0 14

Hello

i'd like to move my logo to the left in the  menu, along the same line as the menu. There is currently only an option to have this centrally and it makes my header too big.

 

can anyone help me?

 

https://mojoandmuse.co.uk/

pw: weuhai

 

TIA

Accepted Solution (1)

KetanKumar
Shopify Partner
37635 3670 12168

This is an accepted solution.

@JKP84 

sorry for that issue bt can you please check your theme setting may be allow this option if doesn't can you try below code

1. Go to Online Store->Theme->Edit code
2. Asset->/main-header.css ->paste below code at the bottom of the file.

@media (min-width: 992px) {
.\#main-header-toolbar.\@start {
    display: none;
}
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 7 (7)

KetanKumar
Shopify Partner
37635 3670 12168

This is an accepted solution.

@JKP84 

sorry for that issue bt can you please check your theme setting may be allow this option if doesn't can you try below code

1. Go to Online Store->Theme->Edit code
2. Asset->/main-header.css ->paste below code at the bottom of the file.

@media (min-width: 992px) {
.\#main-header-toolbar.\@start {
    display: none;
}
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JKP84
Shopify Partner
35 0 14

Thanks @KetanKumar  - that works, however because the logo is quite tall i have a lot of white space, is it possible to reduce the margin for the menu line so that moves up closer to the logo?

 

thanks

Jo

FL_2022
Visitor
2 0 2

Was looking for this same solution. So thanks! 

The only other thing i need to do is bring the menu up on lien with the logo. Do you have a solution for this? See example. I would like the menu to be in-line with the logo just to the right of it.

KetanKumar
Shopify Partner
37635 3670 12168

@JKP84 

do you have any issue?

@FL_2022 

can you please share your store url and example link also

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FL_2022
Visitor
2 0 2

Hi @KetanKumar . My store address is www.fastlineindustries.com

 

I would like the menu to be in the same line as the logo.

 

Best

KetanKumar
Shopify Partner
37635 3670 12168

@FL_2022 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/main-navigation.css ->paste below code at the bottom of the file.

.\#main-nav-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

EFOLI-Emilia7
Shopify Partner
349 11 39

Hello @JKP84

add this code to your core.css file.

Navigate to online store >> Click edit theme code.

Now find core.css  and paste the following code:

 

@media (min-width: 1000px){
 #main-header .strip-link{margin-bottom: -90px;}
.#main-header-inner-container {display: block !important;}

}

 

 

I hope it will be helpful for you.

 

Did it solve your issue?

- If yes, Like & Mark As Solution to help the community

- If not, let me know. also share a screenshot of the code that you added.

banned