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

jayguy · ‎03-14-2024

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!

ThePrimeWeb · ‎03-14-2024

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.

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 · ‎03-14-2024

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 · ‎03-14-2024

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

ThePrimeWeb · ‎03-14-2024

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 · ‎03-14-2024

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

ThePrimeWeb · ‎03-14-2024

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.

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 · ‎03-14-2024

@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.

ThePrimeWeb · ‎03-14-2024

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 · ‎03-14-2024

Thanks so much, @ThePrimeWeb. I appreciate you.

jayguy · ‎03-14-2024

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

ThePrimeWeb · ‎03-14-2024

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 · ‎03-14-2024

Perfect! Thanks again. 🙂

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