Solved

Menu not expanding on mobile, homepage just refreshes when menu button tapped

jayguy
New Member
6 0 0

Hi All,

 

I'm using the Turbo theme. For some reason the menu doesn't expand when tapped on mobile, instead it just refreshes the homepage. I've tried the process of elimination with potentially problematic apps to no avail. A solution to my dilemma would be GREATLY appreciated. Thanks in advance!

Accepted Solutions (3)
ThePrimeWeb
Shopify Partner
1846 522 401

This is an accepted solution.

Hey @jayguy,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
#header .top_bar a.mobile_logo {
    z-index: unset !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710433780596.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb
Shopify Partner
1846 522 401

This is an accepted solution.

Hey @jayguy 

 

You can use the code below with the same steps as shown above to apply the border, but it won't make the height the same because the images are all of different sizes. If you want the same size, you should upload images that are the same size.

 

 

<style>
#shopify-section-collection-template .product-list .product-wrap {
    border: 1px solid rgba(0,0,0,0.2) !important;
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb
Shopify Partner
1846 522 401

This is an accepted solution.

Same instructions

 

<style>
.product-details {
    padding: 0 15px !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 9 (9)

ThePrimeWeb
Shopify Partner
1846 522 401

Hey @jayguy,

 

Can you share the link to your store? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
jayguy
New Member
6 0 0

Hi. My store URL is: klas-maschina.myshopify.com

ThePrimeWeb
Shopify Partner
1846 522 401

This is an accepted solution.

Hey @jayguy,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
#header .top_bar a.mobile_logo {
    z-index: unset !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710433780596.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
jayguy
New Member
6 0 0

@ThePrimeWeb  You're a genius! It works. Many thanks!

 

I have another request... How do I place a thin border around the product card in Collections ONLY, and so that they all are the same height. See the attached image for reference.Screenshot 2024-03-14 124846.png

ThePrimeWeb
Shopify Partner
1846 522 401

This is an accepted solution.

Hey @jayguy 

 

You can use the code below with the same steps as shown above to apply the border, but it won't make the height the same because the images are all of different sizes. If you want the same size, you should upload images that are the same size.

 

 

<style>
#shopify-section-collection-template .product-list .product-wrap {
    border: 1px solid rgba(0,0,0,0.2) !important;
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
jayguy
New Member
6 0 0

Thanks so much, @ThePrimeWeb. I appreciate you.

jayguy
New Member
6 0 0

How do I keep the text centered, and not touching the borders (like a padding on each side or something)?

ThePrimeWeb
Shopify Partner
1846 522 401

This is an accepted solution.

Same instructions

 

<style>
.product-details {
    padding: 0 15px !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
jayguy
New Member
6 0 0

Perfect! Thanks again. 🙂