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

0 Likes

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
Buy me a coffee ☕ Donate Us
0 Likes
Denishamakwana
Explorer
89 13 13

Welcome to shopify community.

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

0 Likes
DrBPE
Tourist
8 0 0

Store details as follows! It is password protected

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

Password: gawclo

0 Likes
DrBPE
Tourist
8 0 0

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

Password: gawclo

0 Likes

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
Buy me a coffee ☕ Donate Us
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

0 Likes

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
Buy me a coffee ☕ Donate Us
DrBPE
Tourist
8 0 0

Amazing! Thank you

0 Likes

@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
Buy me a coffee ☕ Donate Us