Mobile header font size/weight

Hi there,

All the menu CSS are here: https://docs.generatepress.com/article/changing-navigation-colors/

To make it mobile only, you need to wrap them in media query like:

@media (max-width: 768px) {
    /* CSS in here for mobile only */
}

More info here: https://docs.generatepress.com/article/responsive-display/

Hi,

yes I know that those are the intros for the screen size and I am already using them for the menu font sizes. But I cannot get the codes to trigger the desired changes on the Header font size, weight etc, nor the Page title..

What are the triggers for that

I tried with these and various other things

#header

#site-header etc

But nothing changed. nor with the pages titles, can you send me classes/codes please for thoose?

Oh nevermind, I missed the first link you posted above, I will digg into that.

Thanks! : )

I only see the css for the menus there..

What I need to know is this:

I am already using the css codes for the menu font sizes/color on mobile. But I cannot get the codes to trigger the desired changes on the "Header" font size, weight etc, nor the "Page title"..

What are the triggers for that

I tried with these and various other things

#header

#site-header

.site-header etc

But nothing changed. nor with the pages titles, can you send me classes/codes please for the Header and Page title.

Would be great if the theme had a plugin for that or a clear documentation somewhere and easy to access. It has been more difficult than expected to make simple changes like that.

Help appreciated.

Thank you.

Can you link me to your site and tell me exactly what you are hoping to change?

Alternatively, you can use developer tool to see the classes associate with each element. There are simply too many to list them out like this.

Yes, and I been trying to tell you, the Header´s (The name of my entire website) size of the font on Mobile.... and the Page´s title as well. I frankly don´t understand why I don´t seem to get across my requests: )

I already sent you guys a link to my under construction page, there´s the password too, on the other post I created today, which is still unresolved as well.

What I want to change is the size of the fonts of my name (which is the name of my entire website), and also the size of the pages font which are below my name.

On mobile view.

We see ALOT of new topics in a day which is why it's hard to track what you've provided in another topic. And I also don't know if you are referring to the same site.

If it's not too much trouble, do you mind adding the link in in every topic you create so we don't have to keep going back and forth and trying to remember that you've added before?

I know that is not a lot of trouble but I been tryin to solve this for hours now and posted about this several times already asking the exact same thing and it´s a simple out of the box setting I am asking about. Thanks I hope now you know what I mean. I went and fetch the link and password I created for you.

After wp-admin is the username and password on the opening post of this topic.

I been trying to add the kink to the first post but when I go back to edit again the post just to check the link is there it is not. Any other way I can DM to you? in the other post I made today the link and passwrd does appear.

Edit: I think it finally stuck, the link is here in the opening post.

Hi there,

You can control the font size of your site title using the mobile icon here in Customize > Typography > Header: https://www.screencast.com/t/Tyw9UbxCJSzA

If you need to make other changes, you can use the .main-title selector.

Let me know if you need more info :)

Hi Tom, thank you very much that worked, and I added the css for further customization to the Main Title.

But I still cannot find a way to customize with css the Header h1.

I tried with .page-header h1, h1, mobile-header, and doesn´t work. What is the selctor for the h1 heading? the customizer only gives me size and weight and I need more customization.

Thank you.

Nevermind, I found it, ty!

No problem! :)

Hi all!

I am with Aspire template.

Is there another way to change the size of the hero-heading?

I tried from Customize > Typography > Header but I don't see any change.

Thanks