Re: Header On Mobile

How can I fix a mobile header issue on Zipify pages?

Windyigan
New Member
6 0 0

Hi All.

 

We use zipify pages, and our shopify theme is only on cart, checkout, account and search pages.

Our problem is the header showing up on the mobile. It goes down instead of across and is making it very difficult for people to navigate. Any help would be appreciated to get the header to play nicely and go across and not down!
Many Thanks 🙂header.jpeg

Replies 10 (10)

suyash1
Shopify Partner
9559 1195 1536

@Windyigan - can you please share this page link?

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Windyigan
New Member
6 0 0
suyash1
Shopify Partner
9559 1195 1536

@Windyigan - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
  .header__search{display: none; visibility:hidden;}
.header{display: flex;    flex-wrap: wrap;}
.header__heading-link {flex-basis: 100%;  text-align: center;}
.header__icons{flex-basis: 100%;}
.modal__toggle-open {max-width: 30px;     margin: 0 auto;}
}

 

suyash1_0-1652502419001.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Windyigan
New Member
6 0 0

Hi, unfortunately no change for me.

suyash1
Shopify Partner
9559 1195 1536

@Windyigan - can you add me as collaborator?  I will send the request and then can check everything

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Windyigan
New Member
6 0 0

Hi, yes I can do that. I am not sure how to though.

suyash1
Shopify Partner
9559 1195 1536

@Windyigan - I have sent you the request, please check

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
suyash1
Shopify Partner
9559 1195 1536

@Windyigan - please check your cart page

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Windyigan
New Member
6 0 0

Hi, thankyou so much!! It's working. Would you mind telling me what you did please? We have another website with same issue that we are in the process of setting up.

suyash1
Shopify Partner
9559 1195 1536

@Windyigan - actually your css file had an issue where one of the tags "}" was not closed in above lines, I closed it and then it worked., line number around 2230 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.