Font size responsiveness mobile (and header)

Illdy
1

Hi, I’m working on a site (www.marliesbeautyspecialist.nl ) > password: halloschoonheid

I’m trying to get the Jumbotron header responsive for mobile, but no succes so far with the custom css and other tips given in other, similar topics. (Will this be fixed in new theme-update?) Also I would like some control over the fontsize of the main title. When I’m visiting on mobile I want the separation, -the break- between the words ‘schoon’ and 'heid. Not like it is shown now: ‘schoo’ and ‘nheid’. See the screenshot. How do I fix this?

Thanks!

2

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

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*reduce font size on mobile*/
@media (max-width: 550px){
  #header .bottom-header h1{
    font-size:30px
  }
}

Best Regards,
Support

3

Hi
I’m having the same issue with the title text not resizing for any cellphone. I tried the code shown above but it made no difference, does anyone have any other suggestions?

Many thanks

4

Well it worked for me. Play a little with the number font size px.

5

I’ve changed both numbers up and down, saving and publishing and it doesn’t make any difference at all to the text. Have I got something wrong in the code? I’m afraid I’m a total beginner at coding.

6

Ah got it! I had an L instead of a 1. Thank you!

7

thank you for posting this - it solved my problem too after the update!

8

Hi Support
Every time I add this code, it says there is one unclosed code comment. I do not understand coding. Please highlight what I am doing wrong.
I have sought help on another thread but no one is answering me.

9

Here is the screenshot

10

Maybe try removing the text ‘add your css here’ and the *\ that go with it. A screenshot of mine is above to check. I’m no expert but probably better not having anything there that isn’t necessary. Let us know how you get on.

11

Hi Sweeeet you’re a star.
It did the job.
Two questions that may seem very easy for you to answer, but how to change size of logo header for mobile.
Also I have made my latest news section into a blog section. When my latest posts appear there and i click on them it says error 404 page not found. Why is that?