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
2563 308 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Zworthkey
Shopify Partner
2563 308 641

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;
}
If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 9 (9)
Zworthkey
Shopify Partner
2563 308 641

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Denishamakwana
Pathfinder
107 14 13

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

Zworthkey
Shopify Partner
2563 308 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

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
2563 308 641

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;
}
If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

DrBPE
Tourist
8 0 0

Amazing! Thank you

Zworthkey
Shopify Partner
2563 308 641

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com