Shrink the entire site as shown in the photo

Home Forums Iconic One Pro Support Shrink the entire site as shown in the photo

This topic contains 1 reply, has 2 voices, and was last updated by  Themonic-Support 5 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #7015

    guidesmartphone71
    Participant

    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

    #7016

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.