CSS-H5: Font-size should be the same at every screen

romanschnyder · July 2016

Hi there

I need I more time your excellent support.

On this site:

http://web124.login-167.hoststar.ch/wordpress/teamentwicklung/

All text is formated with H5 (font-size:16px). The customer likes that.

When the customer watches the site on mobile or ipad the theme reduces either to 14 or on mobile to 13px.

I didn't find the part in the css's (i serched thru a lot of file in the wp-content/themes/betheme/css folder), where the font-size is set to 16 and the place where the font-size will be reduced to 14 or 13. Even in the responsive.css i find nothing.

Can you help me, that H5 will not reduce the font-size?

Thanks in advance

Roman

romanschnyder · July 2016

I maybe find the part on the html site (on each html-site in line 106):

@media only screen and (min-width: 800px) {body:not(.header-simple) #Top_bar #menu { display:block !important; }.tr-menu #Top_bar #menu { background:none !important;}#Top_bar .menu > li > ul.mfn-megamenu { width:984px; }#Top_bar .menu > li > ul.mfn-megamenu > li { float:left;}#Top_bar .menu > li

....

BUT WHERE IS THAT FILE located on the Server and where I can edit that part?

thanks

Roman

romanschnyder · July 2016

Hi there

I found the

Betheme: style.php

and edited following lines (now hard coded :-)):

at the part:

@media only screen and (min-width: 768px) and (max-width: 959px)

(and two others @media...)

h5 {

font-size:16px;

line-height: <?php echo $aFontSize['h5'] + 3; ?>px;

}

Now it works !

You can close the ticket.

It was fun to search in the code :-)

Roman

Albert · July 2016

We are glad to know that you found it and sorted. Great!

CSS-H5: Font-size should be the same at every screen

Comments

Betheme: style.php