Jump to content

Bigger font for mobile users


Saurabh Jain

Recommended Posts

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.

Link to comment
Share on other sites

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;}
}

 

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...