Change space above header on mobile

Hello I have few questions about customization of my site firs is in the title, so on mobile how can I change the size of that frame above header which is too big, and also when I put some other google fonts,it is like its not saving it and after some time it changes to default.

Hello @davglav,

Can you please provide some explanatory screenshots and a link to your website?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

Kind Regards, Roman.

https://drive.google.com/open?id=0B_Dq9k0KtwaycDVGclFiNVlkY2M

Here is the picture if you can see it now, so this grey space above header picture where headlines are is too big I want to shrink it a bit

Hello @davglav,

Can you please provide a link to your website?

Kind Regards, Roman.

http://targetedschool.com/ here is it

Hello @davglav,

You can try to reduce mobile header site title font size by adding the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 1024px) {
    #masthead .site-title {
        font-size: 28px;
    }
}

Kind Regards, Roman.

It worked, thanks!

Great! You are welcome @davglav :slight_smile:

Kind Regards, Roman.