Bigger font for mobile users

[Saurabh Jain]

For desktop users it seems to be fine, but for mobile users a little bigger font is needed

What are the best practices and how can we implement same in IPS

Please advise

 

[Robert Angle]

The default font size on mobile is 13px. You can add the following in your custom.css file....

 

@media screen and (max-width: 767px) {
	.ipsComment [data-role="commentContent"] {
   		margin-bottom: 10px;
    	font-size: 13px;
	}
}

 

Simply change 13px to whatever size you want.

[Saurabh Jain]

I tries and did it 18 pixel nothing happened

 

for test I did 45 as well

nothing happened .. same size 

[Adlago]

49 minutes ago, Saurabh Jain said:

I tries and did it 18 pixel nothing happened

For my live site I use this and work fine.
I use 16 px.

@media screen and (max-width: 767px) {
body,.ipsType_normal,.ipsBadge, .ipsBadge.ipsBadge_normal,#elUserNav > li > a, #elFooterSocialLinks > li > a,#ipsLayout_footer a, #ipsLayout_footer p,.ipsApp label:not(.ipsField_unlimited), .ipsApp input, .ipsApp button, .ipsApp select, .ipsApp textarea,.ipsFieldRow_desc,#ipsLayout_footer #elCopyright,#elCopyright a,.ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsWidget.ipsWidget_horizontal .ipsWidget_title,.ipsType_small,.ipsType_minorHeading,.ipsApp .ipsButton,.ipsType_medium,.ipsWidget.ipsWidget_horizontal .ipsWidget_title{font-size:16px;}
}

 

[Robert Angle]

On 4/1/2019 at 5:40 AM, Saurabh Jain said:

I tries and did it 18 pixel nothing happened

 

for test I did 45 as well

nothing happened .. same size 

 

If you are making these edits on a PC, make sure that you are shrinking the window size as narrow as you can, so that it automatically emulates what it will look like on mobile. 

Also, that will only increase the size of the members comments. All other text remains the same.

[Saurabh Jain]

I want even text other then comment to increase as well