Home Forums WoodMart support forum Adapt to responsiveness

Adapt to responsiveness

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #567278

    tpgk.contact
    Participant

    Hello, i am using the “Ajax products tabs” and on the cellphone it gets like the screenshot i sent. How i can correct so my user doesnt need to scrool to the side?

    Appreciate it

    Attachments:
    You must be logged in to view attached files.
    #567404

    Hung Pham
    Participant

    Hi tpgk.contact,

    Thanks for reaching to us.

    Please try using the below Custom CSS code and paste it to Dashboard > Theme Settings > Custom CSS > Custom CSS for mobile section:

    .wd-products-tabs .wd-nav-tabs {
    	flex-wrap: wrap;
    }
    	
    .wd-products-tabs	.wd-nav-tabs.wd-icon-pos-top{
    	justify-content: center;
    }
    	
    .wd-products-tabs	.wd-nav-tabs>li:not(:last-child){
    	margin-inline-end: 15px;
    }

    Regards,

Viewing 2 posts - 1 through 2 (of 2 total)