Hi
I have a problem with my single product page.
When it is viewed on mobile the “add to baske” button is cut of, and it is dificult to choose a variation on the product. This is only on the mobile version. Also the burger menu is on top of the logo at the top of the page, and the left side menu is pushed down under the product. Can you pls. help. me fix this problem.
Best regards
Katrine
Hi Katrine,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
z-index: 1;
}
.responsive #top .logo {
width: 45%;
}
}
Best regards,
Rikard
Hi Rikard
Thank you so much, the code worked on the menu, but not on the product page.
Best regards
Katrine
Hi,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
@media only screen and (max-width: 480px) {
#top .variations_form > table .label, #top .variations_form > table .value {
display: block;
}
.single_variation_wrap {
margin-left: 0;
}
#top .variations td:nth-child(2) {
padding-left: 0;
}
}
Best regards,
Yigit
Hi Yigit
Thank you for your mail, unfortunately the code didn’t change anything. Is it possible to do something else?
Best regards
Katrine