Debut Theme: Vertical Logo Alignment on Mobile Version

New Member
5 0 0

Dear Shopify Community,

 

I have a problem with the (vertical) logo alignment of my shop in debut theme. I've tried a lot not in the CSS code but can't figure it out.

 

The logo alignment is perfectly fine on the desktop version (please see Desktop view.png), but as soon as I decrease the window size or open the shop on mobile, the logo in the header on the home page moves to the lower, left bottom (please see Mobile view - Home.png). This happens only on the home page (and not on the sub pages; please see Mobile  view - Other.png).

 

Would be great if you could help me!

 

All the best,

Luca

 

Desktop view.pngDesktop viewMobile view - Home.pngMobile view - HomeMobile view - Other.pngMobile view - Other

 

I

 

0 Likes

Hello 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
100 20 17
Hi @lucamartinelli Can you please share your store link ?
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
0 Likes

Hello 

 

 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
100 20 17

Yes, Please add this css to your theme:

 

.template-index h1.h2.site-header__logo {
  display: block;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
0 Likes
New Member
5 0 0

That worked well. Thanks so much!

0 Likes