-
Posts
-
hi guys
this questions is regarding the tabs in the shop on the single product pagethe tabs in woocommerce are kind of messed up in the mobile version ( I have 2 additional tabs from a plugin: https://de.wordpress.org/plugins/yikes-inc-easy-custom-woocommerce-product-tabs/)
the text in the tab “header” is too long so it messes up the layout. the questions is if there is a css code that only on mobile devices the tabs have all equal width so that 1 tab is in one row. the problem occurs only on mobile devices like smartphones
https://www.dropbox.com/s/g3njw2mjbxl46sc/mobile%20shop%20problem.PNG?dl=0thank you
greetings
richardHey richardhofer83,
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) { .woocommerce-tabs .tabs li a, .woocommerce-tabs .tabs li { width: 100%!important; }}Best regards,
Yigit
- The topic ‘reformat tabs in single product page’ is closed to new replies.