[jhgtyre]

My site url is http://dillonprecision.net/ and my content, on many users screens is too far below the site title to see it until you scroll down. Is there something I can change to adjust the height of the content relative to the site title? I cannot edit or write code but I can work with the theme tools to make necessary changes.

[Mahesh]

@jhgtyre: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.site-branding {
    margin-bottom: 80px;
    margin-top: 165px;
    min-height: auto;
}

@media screen and (max-width: 1023px) and (min-width :  768px) {
    .site-branding {
        margin-bottom: 320px;
    	margin-top: 230px;
    }
}

@media screen and (max-width :  767px) {
    .site-branding {
        margin-bottom: 130px;
        margin-top: 110px;
    }
}

Hope this helps. Let me know if any problem.

Regards,
Mahesh

[jhgtyre]

With just a bit of tweaking to this section,

.site-branding {
margin-bottom: 180px;
margin-top: 210px;

I got the look I was going for.

Thank you, that was excellent service.

[Mahesh]

@jhgtyre: Glad to know that. Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts