Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Horizontal scroll on product page #77

Open
meswitch opened this issue Oct 5, 2024 · 2 comments
Open

Horizontal scroll on product page #77

meswitch opened this issue Oct 5, 2024 · 2 comments

Comments

@meswitch
Copy link

meswitch commented Oct 5, 2024

Horizontal scroll on product page appears when page width is 1200 px and lower.
Don't know what's causing it. Outling every element didn't help either.

image

@getdatakick
Copy link
Contributor

I can't reproduce this on clean installation of niara theme. Most likely some module html/css.

@meswitch
Copy link
Author

meswitch commented Oct 6, 2024

Found it. It can be reproduced if a product has attributes (I use radio buttons), even one radio button element will have strange width like 682 px. The more attributes the longer horizontal scroll.
In product.css
.attribute_list input.attribute_radio {
width: 100%;
}
if turned off in inspector, horizontal scroll fully dissappears .
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants