Home › Forums › WoodMart support forum › Content Alignment / width of Tabs on mobile view

Content Alignment / width of Tabs on mobile view

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2018 at 3:41 pm #95940

    Schuifdeurexpert
    Participant

    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.
    December 13, 2018 at 5:31 pm #95966

    Elise Noromit
    Member

    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

    December 13, 2018 at 8:08 pm #95989

    Schuifdeurexpert
    Participant

    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.
    December 13, 2018 at 9:15 pm #96005

    Elise Noromit
    Member

    Hello,

    Please add this code 

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

    Best Regards

    December 13, 2018 at 9:32 pm #96009

    Schuifdeurexpert
    Participant

    Thanks again!

    December 14, 2018 at 8:54 am #96062

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Content Alignment / width of Tabs on mobile view’ is closed to new replies.