Custom CSS not working

Hi,

Can someone pls help me with this?

Thanks!

Hi @itspriyanka,

use this css

@media (max-width: 768px){
#tab_container_1811 .wpsm_nav-tabs > li:nth-child(2) {
    float: right !important;
    top:-51px;
}
}

2-You can try visual composer shortcode in WYSIWYG editor in tab.

Thanks.

• This reply was modified 5 years, 7 months ago by preetam27.

Hi @preetam27,

Thank you for your response.

The CSS works only on the 1st row of tabs (eg.if there are 3 tabs). If there are 4 tabs, the 1st two are in one row and 3rd and 4th in 2 separate row ?? Check https://ntapl.learnwise.in/our-products/bitterants/

Also, while Visual composer shortcode works in WYSWYG editor, few things like background color of the row or borders are not working. Is there a something we can do about that?

Thanks,
Priyanka

Also, I will need to do this for every new tab separately. Is there a way to do this so all tabs show this behaviour?

Hi @itspriyanka,

remove the above custom css and use this

@media (max-width: 768px) {
#tab_container_1811 .wpsm_nav-tabs > li {
    float: left !important;
    width: 50%;}
}

Thanks.

Hi @preetam27,

I tried this CSS, but it does not work if there are more than 3 tabs. I would have used the CSS that you suggested earlier with 2nd,4th,6th tabs since there won’t be more than 6 tabs. But the tabs are not aligned for all devices with that CSS. As you can see https://ntapl.learnwise.in/our-products/bitterants/ on various devices (esp on iphone and Galaxy 6). Is there any way to do this better?

Thanks,
Priyanka

Hi @preetam27,

I am sorry, the last CSS you sent does work. It was being overwritten by another custom CSS earlier which I removed now.

Thanks a lot!
Priyanka

HI @itspriyanka ,

If You Like our plugin..please rate us.

Thanks.

Done with a 5* ??

Hi @itspriyanka ,

Thanks For Your Feedback.

Thanks.

• This reply was modified 5 years, 7 months ago by preetam27.