Shrink the entire site as shown in the photo

[guidesmartphone71]

Hello, I would like to know if it is possible to reduce the size of the mobile version using CSS. It’s not just about reducing the font size, but everything – the blog title, article title, font, photos, banners, in short, everything. As shown in the photo.

https://drive.google.com/file/d/1pHiTjUXozBKwbhL4edi5z0y0FVA0r2TP/view?usp=drive_link

[Themonic-Support]

Hi,

Try the following in Customizer -> Additional CSS

@media screen and (max-width: 440px) {
.entry-content p .entry-summary p {
    font-size: 14px;
}
.entry-header .entry-title a {
    font-size: 18px;
}
.entry-header .entry-title {
    line-height: 1;
}
}

—————-
Article title is 18px
Article text is 14px

change the numbers as per your choice.

Photos and banners are auto resized.

After making the change, view in private mode in mobile during testing, else mobile might serve cached old copy.

—————-

For more refer: https://themonic.com/customization-guide-for-iconic-one-pro-with-css-codes/

[Author]

Posts