Home › Forums › WoodMart support forum › infobox carousel not working on mobile
infobox carousel not working on mobile
- This topic has 7 replies, 3 voices, and was last updated 3 years, 6 months ago by Bogdan Donovan.
-
AuthorPosts
-
May 18, 2021 at 7:18 am #293204
tcsg.tothParticipantHello. Please check why the infobox carousel not working on mobile. They are showing under each other instead of carousel.
May 18, 2021 at 7:19 am #293205May 18, 2021 at 7:21 am #293210
tcsg.tothParticipantyou sent me this code before to make the vertical tab titles under each other. maybe this crashing it?
@media only screen and (max-device-width: 768px) {
.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-bottom .vc_tta-tabs-list, .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-list {
display: grid;
}
}Than please send me a good one.
May 18, 2021 at 11:07 am #293279
Aizaz Imtiaz AwanKeymasterHello,
It is already showing fine in the carousel, please check the site after removing the browser cache. It should work fine: https://ibb.co/HDL8Zgg
Best Regards.
May 18, 2021 at 12:09 pm #293298
tcsg.tothParticipantI have checked in 3 iPhone (1 iPhone 6, 1 iPhone X, 1 iPhone 12), after cache clear and private browser and still have the issue. One of the phone never opened the site before. Can you please check on iPhone?
May 18, 2021 at 1:15 pm #293334
Aizaz Imtiaz AwanKeymasterHello,
Please deactivate all the third party plugins, activate the parent theme then clear cache and check back.
If the problem continues then leave all the third party plugins deactivated and provide with the admin panel login details of the website then we will troubleshoot with theme plugins.
Regards.
Xtemos StudiosMay 24, 2021 at 1:40 pm #295039
tcsg.tothParticipantThe problem beacuse of the code you sent me before.
@media only screen and (max-device-width: 768px) {
.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-bottom .vc_tta-tabs-list, .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-list {
display: grid;
}
}Please send me a working code, which solve the issue on mobile – photo attached.
Attachments:
You must be logged in to view attached files.May 25, 2021 at 7:26 am #295190
Bogdan DonovanKeymasterHi,
1. We have checked your site on iPhone device and infobox carousel looks normal on it. Please, check the screenshots:
Chrome: https://prnt.sc/13ducma,
Safari: https://prnt.sc/13duez72. Custom CSS code you’re referring to is changing “vc_tta-tabs-list” HTML element which is located in another section, and not a part of the tabs content or carousel (screenshot https://prnt.sc/13dupih). If you want a replacement for this code, please provide a topic link reply where we provide this code for you.
Kind Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register