font size on mobile

Activello
1

Hey there :slight_smile:

when I open my website on my phone, the font size is huge! Is there a way that I can change that?
(my website is dorohenrietta.com)

Thanks in advance!

2

Hi @dorohenrietta,

I hope you are well today and thank you for your question.

You can try reducing the font size by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS



@media (max-width: 767px){
    #page .navbar-default .navbar-nav li a{
font-size: 10px;
}
.site-navigation-inner .nav-search input{
font-size: 12px;
}

#logo a.navbar-brand {
    font-size: 40px;
}
#logo .tagline {
    font-size: 10px;
}

#secondary .widget > h3.widget-title {
font-size: 11px;
}
#secondary .widget {
    font-size: 11px;
}
div.entry-content {
font-size: 10pt;
}
#page .entry-title {
    font-size: 24px;
}

#page .navbar-default .navbar-nav a {
    font-size: 8px;
}

#page .flex-caption h2.entry-title {
    font-size: 30px;
}

.comment-body {
	font-size: 10pt;
}
}

Please change the font size in the above code to whatever you want to display on mobile devices.

Best Regards,
Movin