🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Site too wide on mobile

Home Forums Support Site too wide on mobile

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

    Site is too wide on mobile
    Have reduced text on titles as thought this may have been issue but no success

    #1160390
    David
    Staff
    Customer Support

    Hi there,

    in Customizer > Additional CSS – remove this block of code:

    .page-hero .inside-page-hero {
        width: 100%;
    }
    #1160398
    Alex

    Hi, thanks for the speedy response

    I currently have this…

    /* ——
    Page Header
    ——- */

    .page-hero {
    height: 100vh;
    background-size: 70vh;
    background-position: 90%;
    }
    .inside-page-hero {
    margin-left: 40px;
    margin-right: 50%;
    }


    @media
    (max-width: 419px ){
    .page-hero {
    min-height: 568px;
    background-position: 42vw !important;
    }
    .inside-page-hero {
    margin-left: 20px !important;
    margin-right: 20% !important;
    }
    }

    @media
    (min-width: 420px) and (max-width: 768px) {
    .page-hero {
    background-position: 60vw !important;
    background-size: 60vh !important;
    }
    .inside-page-hero {
    margin-right: 40% !important;
    }
    }

    ****************************************************************

    I attempted to remove

    .inside-page-hero {
    margin-left: 40px;
    margin-right: 10%;
    }

    which removed spacing left of header where the issue is spacing on right of the header? if that makes sense

    #1160419
    David
    Staff
    Customer Support

    Aah ok. Add this CSS:

    .page-hero .inside-page-hero {
        width: auto !important;
    }
    #1160434
    Alex

    Excellent, I appreciate the knowledge and speed of delivery.

    #1160444
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.