Cuong Tran
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Rural Blog] Table / column not mobile responsiveHi there,
1/ Go to Appearance → Customize → Additional CSS.
2/ Paste this CSS code:
@media (max-width: 782px) { .entry-content table { display: block; overflow-x: auto; } }If you use a cache plugin or a CDN, clear its cache first.
Hope this helps,
~ Cuong
Forum: Themes and Templates
In reply to: [Rural Blog] Image Size on Mobile DevicesHi 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.
Hope this helps,
~ Cuong
Forum: Themes and Templates
In reply to: [Rural Blog] Image Size on Mobile DevicesIt 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.
~ Cuong
Forum: Themes and Templates
In reply to: [Rural Blog] Image Size on Mobile Devices1/ Is that the 2nd image? It looks fine to me
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
Forum: Themes and Templates
In reply to: [Rural Blog] Image Size on Mobile DevicesHi 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
Forum: Themes and Templates
In reply to: [Rural Blog] Image Size on Mobile DevicesHi 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