Full width row-background in boxed layout isnt full width in tablet mode

This topic has 9 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Eva Kemp

  • Avatar: robertkooijman
    robertkooijman
    Participant
    January 23, 2015 at 15:02

    Hi there,

    In ‘tablet’ mode the row-background isnt’t full width. How can I fix this?

    See code below and site and img in private content.

    [vc_row full_width="1" css_outer=".vc_custom_1421872667225{background-image: url(***) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"] etc. etc.

    Thanks, Robert

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 28, 2015 at 18:09

    Hello,

    Please provide us with full permissions to the admin panel in Private Content.

    Regards,
    Robert Hall.

    Avatar: robertkooijman
    robertkooijman
    Participant
    January 28, 2015 at 18:50

    Done

    Avatar: robertkooijman
    robertkooijman
    Participant
    January 31, 2015 at 10:25

    Still working on it?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 31, 2015 at 10:48

    Hello,

    I’ve added following code into custom.css file. Please check your site.

    @media (max-width: 979px) and (min-width: 768px)
    .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    }

    Regards,
    Robert Hall.

    Avatar: robertkooijman
    robertkooijman
    Participant
    February 1, 2015 at 19:12

    Hi Robert,

    Unfortunately this solution also removes the margin of the content en hamburger menu.

    See the differences between the tablet view and (desired) mobile view in private content.

    Regards, Robert

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 2, 2015 at 11:00

    Hello,

    Please try to use this code in custom.css file:

    @media (max-width: 979px) { .boxed .page-wrapper {
    width: 700px;
    }
    .header .menu-icon {
    left: 20px;
    } }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: robertkooijman
    robertkooijman
    Participant
    February 3, 2015 at 10:03

    Thank you Eva, but it doesn’t get better. I leave it for now. Regards, Robert

    Avatar: Eva
    Eva Kemp
    Support staff
    February 3, 2015 at 10:27

    Hello,

    Please let us know if further assistance is needed.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.