Homepage is not mobile friendly - by Samantha

This topic has 12 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

  • Avatar: Samantha
    Samantha
    Participant
    June 14, 2021 at 16:58

    I need my homepage fixed on mobile. The logo is cutting into the picture header, as well as there’s a large gap of text between the header and where the first line of header text starts. The footer also looks weird. Please help me! https://ibb.co/tbRjc95

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 15, 2021 at 12:59

    Hello,

    It’s because of Header overlap option. I have disabled that. Check now.

    Regards

    Avatar: Samantha
    Samantha
    Participant
    June 15, 2021 at 17:13

    Thanks. The logo looks good now but there is still quite a bit of spacing between the header and the first header text “Welcome to Weed Pool Rosetown”. The blog is also not centered correctly and is offset on mobile. Also, my footer still looks atrocious on mobile.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 16, 2021 at 13:27

    Hello,

    1) Do you mean this gap https://gyazo.com/4262d902a76b2cbe1e570061483d56e1 ? Edit page using Elementor > change padding for section on mobile – https://gyazo.com/08c7207ff6f7e87cef2f759bc38f9e46
    2) Add this code for the Blog element, for example – https://gyazo.com/aefc0ae3c77e9a7600952574b8cc16d9
    3) Edit Footer static block using Elementor > https://gyazo.com/ac80a7069e3d0e597eec9cac3d702e5f

    Regards

    Avatar: Samantha
    Samantha
    Participant
    July 9, 2021 at 18:53

    @Rose Tyler

    1. The gap is not on the left or the right. It’s the top width. I’ve attached a screenshot. https://www.wpstores.ca/wp-content/uploads/screenshot1.jpg

    2. Can you please send me the code? I am not typing out all of that code. Thanks.

    3. Footer still looks weird. Please help me fix it. https://www.wpstores.ca/wp-content/uploads/screenshot2.jpg

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 10, 2021 at 09:06

    Hello,

    1/ Please follow this video https://gyazo.com/08c7207ff6f7e87cef2f759bc38f9e46
    2/

    @media only screen and (max-width: 480px) {
        .posts-slider article .wp-picture,
        .posts-slider .slide-view-horizontal .grid-post-body {
            width: 100% !important;
        }
    }

    3/ https://gyazo.com/ac80a7069e3d0e597eec9cac3d702e5f Clear cache and check the Footer now.

    Regards

    Avatar: Samantha
    Samantha
    Participant
    July 12, 2021 at 23:37

    It looks much better, thank you. The blog post is still weirdly centered. https://www.wpstores.ca/wp-content/uploads/Screenshot_20210712-162550_Chrome.jpg

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 13, 2021 at 15:21

    Hello,

    Check now, please.

    Regards

    Avatar: Samantha
    Samantha
    Participant
    July 13, 2021 at 17:39

    It still looks the same after clearing cookies.

    There is still also wide space between the header and the text of “Welcome to “””

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 14, 2021 at 13:03

    Hello,

    1) I don’t see the mentioned issue on your site https://gyazo.com/46c16eb99d8d20f2a4ce67ccf4be7ac9

    2) You had the padding for the section for the mobile devices https://gyazo.com/ba58f72323b142cb16df087bc758a827
    Check now.

    Regards

    Avatar: Samantha
    Samantha
    Participant
    July 14, 2021 at 16:40

    1) It does not look like that. It looks exactly how I sent it in the screenshot. It is off to the left and not centered. I cleared cookies.

    2) Looks much better, thank you.

    The only issue is the blog post on Android (Samsung Galaxy). I am using Chrome. It also looks the same on browser when I minimize the screen. Also using Chrome.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 15, 2021 at 09:47

    Hello,

    I tested on a few PCs and on mobile. It looks ok. So, clear the browser cache again or check using another browser.

    Regards

  • Viewing 12 results - 1 through 12 (of 12 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.