Content Alignment / width of Tabs on mobile view

Hi,

I have made 2 additional tabs on the product pages (see image)
The content of the tabs ‘Verzending’ and ‘Installatie’ have been aligned to the center and the right.

On mobile view, I do not need this alignment. They just need to be aligned at the left with 100% width (as default)

How can I edit this with CSS code?

Regards,
Roel

Attachments:

You must be logged in to view attached files.

Hello,

Add the code to the Theme Settings > Custom CSS > Mobile

.wpb_text_column :last-child, .wpb_text_column p:last-child {
    margin-bottom: 0;
    text-align: left!important;
}
body .wpb_video_widget.vc_video-align-right .wpb_wrapper {
   float: none;
}

Best Regards

Thank you, very helpful!

Any way to make the content of the ‘Installatie’ tab a 100% width also? (see image)

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code

body .wpb_video_widget.vc_video-el-width-50 .wpb_wrapper {
    width: 100%;
}

Best Regards

Thanks again!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts