mobile reduce whilte space between rows

Home Forums Support mobile reduce whilte space between rows

Home Forums Support mobile reduce whilte space between rows

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #205282
    Joanne Smith

    I need some mobile CSS code to fix the large amount of white space between my elements ( rows ) and hide the Sub-menu on a mobile

    https://www.yazoogle.com.au/wp-content/uploads/2016/06/screenshot-mobiletest-me-2016-06-29-15-14-47.png

    thanks

    Joanne

    #205406
    Tom
    Lead Developer
    Lead Developer

    1. To hide the secondary navigation on mobile, you can do this:

    @media (max-width: 768px) {
        .secondary-navigation {
            display: none;
        }
    }

    2. The spacing below your logo is because of this custom CSS you added:

    @media (max-width: 768px) {
        .site-logo {
            margin-bottom: 20px;
        }
    }

    3. The spacing in the content is caused by VC – you might want to check with them/your settings to adjust those values.

    For example:

    @media (max-width: 768px) {
        .vc_row-has-fill>.vc_column_container>.vc_column-inner {
            padding-top: 0;
        }
    }

    The spacing below the title is caused by this element: uvc-heading-spacer

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.