Shopify themes, liquid, logos, and UX
So my cart and wishlist are kind of out the frame of my website on mobile mode only. I have no idea how to fix it without damaging the code. Please help
Open my website with your phone to see what i am saying. once open, you will see its out of frame and i can slide out of frame too. I dont want any left right slide. It should only be able to move up and down.
You can only see the issue in mobile version mode.
Someone please help
In a custom css setting try the following css band-aid:
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
/* 2023-10-13 Paul N. , css band-aid to fix excess horizontal scroll from header icons going outside page width */
.header__icons {
justify-self: center !important;
justify-content: space-between !important;
}
That's just a bandaid though, there's something going on with the insertion of the wishlist making it pop out past the headers width that's more than a few minutes trying to spot it.
Probably want to run an HTML validation on the site as well to spot any egregious errors.
But generally you want to run that test before you make a change to the theme code then afterwards to spot new issues.
Save time & money ,Ask Questions The Smart Way
Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
User | RANK |
---|---|
211 | |
167 | |
70 | |
55 | |
53 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023