Return to previous page

Homepage is not mobile friendly - by Samantha

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

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.

#290906 Copied Theme version: 7.2.9

11 Answers

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

#290967 Copied

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.

#291021 Copied

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

#291086 Copied

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.

#293671 Copied
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
#293704 Copied
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.

#293868 Copied

Olga Barlow

Support staff

July 13, 2021 at 15:21

Hello,

Check now, please.

Regards

#293920 Copied

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 “””

#293948 Copied

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

#294060 Copied

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.

#294098 Copied

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

#294163 Copied
Viewing 12 results - 1 through 12 (of 12 total)