Media Query to Adjust Font Sizes

Hello,

On this site: https://susanbensen.com, I would like to slightly scale down the size of these three titles when viewed on an iPad in Portrait mode. (They are scaling fine for an iPhone).

I've given all three the custom class "homesidebar".

Support access granted if required.

Thanks in advance,
Casper

  • Nithin
    • Support Wizard

    Hi Casper,

    Hope you are doing great today. :slight_smile:

    I would like to slightly scale down the size of these three titles when viewed on an iPad in Portrait mode. (They are scaling fine for an iPhone).

    Please try the following CSS, and let us know how that goes:

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For Portrait Mode*/
    
    	.homesidebar .mpc-divider__content {
    		font-size: 30px !important;
    	}
    
    }

    Above CSS should help with the font size, you can increase, or decrease the values according to your needs. However the use of !important declaration is not something which I would recommend, but in some cases's it's necessary to apply these rules to overwrite the existing styles.

    You can add the above CSS code, using Custom CSS box(if your theme offers), or either using a Child theme, or a plugin like Simple Custom CSS.

    Please let us know if you still need any further assistance. Have a nice weekend. :slight_smile:

    Kind Regards,
    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.