Support ForumH1 Font size issue on mobile. Change size with custom css. – Support Forum https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/feed/ Fri, 04 Sep 2026 07:39:15 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3535 <![CDATA[H1 Font size issue on mobile. Change size with custom css.]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3535 Sun, 13 Jul 2014 13:43:54 +0000 benjibenja Hi, I’m trying to reduce the size of the font on mobile. The theme is responsive but then a big bold h1 title appears and takes all the space on mobile. Also, the words are cut in 2.

I tried to apply these set of css on the child theme style.css but without success :

@media only screen and (max-width: 767px)
h1 {
font-size: 20px;
line-height: 1;
}

Do you have any idea? Also where should I place my custom css ? In the style.css of the child theme or the child-theme.css one ? Thanks!!

And! The theme is really awesome ! Thanks for such a great flexibility!
Benjibenja

]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3562 <![CDATA[Reply To: H1 Font size issue on mobile. Change size with custom css.]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3562 Mon, 14 Jul 2014 06:44:27 +0000 IshYoBoy Hi Nenjibenja,

Welcome to the happy Boldial owners team :) We’re very glad to hear you love it!

the problem with your code is that the CSS selector you have used is not strong enough and therefore it is “beaten” by stronger ones that we have used in the default css.

So first try using “!important” and make sure your CSS is valid and correctly nested:

if it does not work, you can inspect any H1 element in Google Chrome to see what styles are applied to it and mainly what selector was used.

The code can be entered either in Theme Options in the “Custom CSS” field or in a child theme and perfectly child-theme.css because if you put it just in the style.css of the child theme the style might be ignored.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3590 <![CDATA[Reply To: H1 Font size issue on mobile. Change size with custom css.]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3590 Mon, 14 Jul 2014 15:06:04 +0000 benjibenja Awesome ! Thank you for your help!

I’m also trying to remove the space/margin between 2 rows.
Or add negative space maybe ?

Thanks

]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3597 <![CDATA[Reply To: H1 Font size issue on mobile. Change size with custom css.]]> https://support.ishyoboy.com/forums/topic/h1-font-size-issue-on-mobile-change-size-with-custom-css/#post-3597 Tue, 15 Jul 2014 07:44:37 +0000 IshYoBoy Hi benjibenja,

good to hear that your problem with h1 has been solved ;)

Regarding another question please post it as separate topic so it can be easily found and another users can benefit from it. We try to keep this forum as organized as possible as it getting bigger and bigger :)

In additional please try to describe your request little bit more, maybe to attach screenshot, or send us preview link so we can see on live what exactly you mean.

Thank you in advance and have a nice day
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>