On Mobile Device, there is unwanted space on right

Hi @sutharb,

As we can see in this screenshot, I don’t see the white space as you described.

I also check it on my real mobile (Android) and I don’t see the right space either.

Have managed to fix it, or is it me missing something?

Kind regards,
Herman ??

Hi @bsfherman

Still white space is coming, I have checked in Android and iPhone both.

Hi @sutharb,

This is how it looks on iPhone – https://share.bsf.io/nOu1PpOj

I still don’t see it. Maybe we are looking at a different page?

Kind regards,
Herman ??

Hi?@bsfherman,
Thanks for replying,
In your screenshot as well, I am able to see thin space on right-hand side.

See this screenshot which I have taken from your iPhone view only.
https://freeimage.host/i/screenshot-2022-12-26-65949-pm.HIZ35sj

Hi @sutharb,

Thank you for pointing it out.

Anyway, is it possible for you to share the Astra Customizer Settings of your site? Don’t worry, the exported JSON file contains only the Astra Setting and doesn’t contain any other information.

Kind regards,
Herman ??

• This reply was modified 1 year, 10 months ago by Herman Asrori (BSF).

Hi?@bsfherman,
Thanks for replying,

Here is the exported json :
https://github.com/gg-gg-v1/Notes/blob/main/astra-settings-export-12-27-2022.json

Thanks for that, @sutharb.

I imported it to a fresh new WordPress installation, however, it’s not reproducible. Please refer to this video. This might not be related to Astra.

Maybe try deactivating the plugins installed on your site, and see if there’s a plugin that causes this? Also, check if you have custom code added on your site.

Please let me know how it goes.

Kind regards,
Herman ??

Hi?@bsfherman,

I have removed plugin – simple sitemap and it worked in iPhone Chrome but still issue is there in iPhone Safari browser.
and below are my custom CSS which I don’t think causing this issue, you might have 2nd opinion on this?

.wp-block-latest-posts__post-title{
color: #f16232;
}
.cat-item .cat-item-1 {
color: #f16232;
}
.entry-content a {
color: #f16232;
}
.comments-link a {
color: #f16232;
}
.cat-links a {
color: #f16232;
}
.entry-meta {
color: #f16232;
}
.author-name {
color: #f16232;
}
.nav-links {
color: #f16232;
}
.entry-content ol li { margin-left: 20px; }

.entry-content ul li { margin-left: 30px; }

.es_caption{
font-weight: bold;
font-size: 25px;
color: black;
padding-bottom: 0px;
}
.es_subscription_form_submit.es_submit_button.es_textbox_button{
background-color: #f16232;
margin-top: 20px;
margin-bottom: 20px;
}

a{
color: #f16232;
}

Yes, I don’t think that CSS causes the issue.

Anyway, this is how your site looks on my Safari – https://share.bsf.io/qGuZJ0O6. I don’t see the space on the right, as in my previous video.

Have you figured it out?

Kind regards,
Herman ??

Hello @bsfherman,

Looks like issue is gone then, may be I should try with other’s safari iPhone browser, may be my caching is causing this.

Thank you for your support.

Regard,

Bharat Suthar

Happy can be a help, Bharat! ??

Please mark this thread as Resolved and feel free to start a new thread if there is anything else related to Astra we can help you with.

Kind regards,
Herman ??