Archived topic

Desktop vs. mobile Issue

5 replies · Started by Darin on March 30, 2023

Viewing posts 1–6 of 6

March 30, 2023 at 5:25 pm #2589667

Good Day,

I am in the process of publishing my website. My front page on desktop looks the way I would like it. I used the preview mobile feature before publishing and the page looked good but once published I have some issues.

I used a hero and merge element which on desktop is doing what I want by on mobile the lower page content is not filling the screen horizontally.

Would you take a look and see what I may be missing please?
Ive provided the front page url below.

Thanks for your help.

Darin

March 30, 2023 at 5:30 pm #2589669

Hi Darin,

Can you go to customizer > layout > container > Content Padding, do you have paddings set for mobile?

If so, set them to 0 to match the desktop setting.

March 30, 2023 at 5:55 pm #2589687

Hi Ying,

I changed the mobile to "0" and that fixed most of the issue. I still have some white space above the page content as it meets the header merge element and some space below as it meets the footer element.

Everything on the customizer is at "0" for content padding on mobile.

Any ideas what may be causing these last spaces?

I appreciate your help.

Darin

March 30, 2023 at 6:14 pm #2589701

Hi Darin,

To clarify, is the text "CityAstronomy" going over the screen horizontally the issue?

If so, try replacing it with a GB Headline Block. Reference: https://docs.generateblocks.com/article/headline-overview/

March 30, 2023 at 7:30 pm #2589765

Hi Fernando,

That worked. Thank you for your all your help!

I appreciate it.

Darin

March 30, 2023 at 7:50 pm #2589782

You're welcome,

Darin!

This archived topic is closed to new replies.

Start building better websites today.