FROM CACHE - en_header

Overlapping of icons and menu in header - Debut Theme

Solved
DrBPE
Tourist
8 0 0

Hi!

I'm having some issues with overlapping of icons and menu in the header. This only happens on smaller screens i.e. tablets/iPads. Both the desktop and mobile version are fine. Can anyone suggest how to correct this?

Thanks!

 

242268254_202935121790640_8136798842806514246_n.jpg

Accepted Solutions (2)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

@DrBPE 
paste this code on top of the theme.css file.

@media only screen and (min-width: 750px){
ul#SiteNav {
    position: relative !important;
    left: -45px !important;
}
}

Thank You.

View solution in original post

Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

@DrBPE 
paste this code on top of the theme.scss file.

button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
    margin-right: -10px !important;
}

View solution in original post

Replies 9 (9)
Zworthkey
Shopify Partner
5581 642 1512

hii, @DrBPE 
Kindly share your store URL so,
I can solve it perfectly and give you a proper solution.
Thank You.

Denishamakwana
Astronaut
1087 143 180

Welcome to shopify community.

Please share your store URL and if your store is password protected then provide password too.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
DrBPE
Tourist
8 0 0

Store details as follows! It is password protected 🙂

URL is https://drbiancapiscionerielementet.com.au/

Password: gawclo

DrBPE
Tourist
8 0 0
Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

@DrBPE 
paste this code on top of the theme.css file.

@media only screen and (min-width: 750px){
ul#SiteNav {
    position: relative !important;
    left: -45px !important;
}
}

Thank You.

DrBPE
Tourist
8 0 0

Thank you so much that worked perfectly! Is there a way to move the search icon to the right to make the spaces between icons more even?

 

242724581_541608600468443_3712153372375076110_n.jpg

Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

@DrBPE 
paste this code on top of the theme.scss file.

button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
    margin-right: -10px !important;
}
DrBPE
Tourist
8 0 0

Amazing! Thank you 🙂

Zworthkey
Shopify Partner
5581 642 1512

@DrBPE 
If it is helpful then like and accept my solution.
Thank You.