Image Size on Mobile Devices

Hi there,

1/ “I found that the large size image 750px and full size image 2560px are not properly responsive for mobile devices, only medium size image 300px are showing properly on mobile devices” -> could you please share your site url? the concrete single post url. The theme renders images as they are, so it seems you need to adjust attachment sizes in dashboard > settings > media. Please try to switch to default wp theme, to see if the problem comes from theme or the media setting itself.

2/ Also the blog/page text content is too wide, almost touching mobile (left/right) corners:

Please add following code into Customize > additional CSS:

@media only screen and (max-width: 821.98px) {:root{--container-width: calc(100% - 30px);}}

You can replace 30px by 40, 50.. up to your taste.

3/ “Also the content text size is small for both desktop and mobile device.“

Please go to Customize > Design > Typography

—

Hope this helps,

~ Cuong

Hi there,

1/ I confirm this is a theme issue, we didn’t cap 100% max size for image. Please add following code into Customize > Additional CSS to fix it:

.aligncenter {max-width:100%;}

Your image is now 1,000px width, so it looks like that.

2/ Sorry, I got it wrong address. For post content, go to Customize > Design > Single post > Post content font.

~ Cuong

1/ Is that the 2nd image? It looks fine to me

https://prnt.sc/e0GHy8gEX16C

2/ Yes, excerpt font is set to be equal to body font, you can use following custom css:

.entry-excerpt, .wp-block-post-excerpt{font-size:1.1em;}

~ Cuong

It looks good when I check on browser for now. So I guess It’s because of Litespeed cache. Please clear your page cache and retry.

https://prnt.sc/vTCJ-z9XK7RA

~ Cuong

Hi there,

It’s a long-standing bug on webkit/safari. The theme should display it correctly by theme CSS, I’ll fix this in next version.

For now, the fastest way to fix it, is to remove 1000px inline width from your photo.

https://prnt.sc/17VSyMX43K9w

Hope this helps,

~ Cuong