Site logo

Archived topic

Mobile Only Changes

17 replies · Started by Ella on July 7, 2021

Viewing posts 1–15 of 18

Hi there,

My new GeneratePress website has just gone live and there's a few fixes I need to make.

On: https://www.forgettingfairytales.com/about/ the desktop version is absolutely fine, I don't need any changes made to that, but on mobile:

1) I'd like to add one line of space between "Browse the Latest Articles" and the next title in the Single - Dating - In a Relationship section. The space should show on mobile only, not on desktop too.

2) Below that the "Meet Ell" text needs a space above it as it's currently sitting on the image. Again, the space only needs to be for mobile, desktop needs to stay the same.

Can you tell me how to do this please?

Thanks,
Ella

Hi there,

1. With the core Buttons block it requires adding this CSS:

@media(max-width: 768px) {
    .wp-block-buttons>.wp-block-button.mobile-margin {
        margin-bottom: 1.5em;
    }
}

Then select a button you want to add some space below, in Advanced > Additional CSS Class(es) add: mobile-margin
The alternative is to replace core Buttons Block which has responsive settings for changing the margin... which leads nicely into:

2. Select the Headline Block, in the setting sidebar, select the Mobile tab, and in Spacing increase the Top Margin.

This is updating on the editor, so I'm adding the space in and it's moving as if it should have created the space, but when I press "save" and refresh my screen on the site, nothing changes. I've tried to clear the browsing history / cache incase it's something to do with that, but it still doesn't show any difference. What should I do please?

I am seeing the changes made to the Headline below the image.
For the Buttons - did you add the CSS in the customizer as i am not seeing it on the site?

Hello, I just updated generatepress theme and the problem startes with mobile version. There is no problem with desktop version. Actually I cannot see the ads placed by me manually in mobile version. What should I do to resolve it. Because of this, my revenue has dropped.
Can you pls help me. My website is https://androidiphone-recovery.com. just open any blog and you can see the difference in mobile and desktop version.

Hi Tapas,

I just checked your site on my iPhone and all the ads are showing normally.

If it's not the case for you, can you open a new topic? We can do more debugging process there.

Let me know :)

Yes, the ads are fine and there is no problem with the ads. But the ads are in different place in mobile when compared to desktop version. Before updating, both were looking same. But now the desktop version is fine and mobile version has gone something wrong. I have inserted the AdSense code manually but in mobile, the ads are coming in different places. I want same as desktop. I hope u understand.

I've been checking every part of your site on my phone and my computer.

But I don't think I see any differences in terms of the ads' locations.

Can you specify where are the differences?

And could you open a new topic? Thanks!

Previously, the ads were coming after the custom image as you can see in desktop version. And also in those places where I have inserted the code manually. But after updating, ads are not showing in those places and a big gap is there in between content. In fact, even in the sidebars, the ads are not showing and in footer as well. Where as in desktop version, you can see ads in all these places.

I have another website as well and the same issue is happening.. Even the subdomain sites I am facing the same issue.

I'm sorry but I really don't see the issue on my iPhone, here I recorded a clip.
https://www.screencast.com/t/buk9ymRREozv

As you can see every ad that appears on desktop appears on mobile at the exact same sport as well.

Have you tested on other mobile devices?

Yes, I have tested it another phone and the same issue I have seen. Can u check the difference in this website.
Open any blog and see it in both version from up till the end. You can see the difference.

You cannot see any difference unless you open any blog completely and check it from beginning till end. In the home page, there is no difference.

Can you try disable all plugins especially cache plugin to test?

Ok. Let me Check the plugins. But have you seen the difference?

This archived topic is closed to new replies.