[heartland]

website Heratland Harvest

Is there a way to put the site title and tag line on top of my header image? I would like it in the top left corner of the image. Thank you.

[Mahesh]

@heartland: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#branding {
    position: relative; 
}

#header-content {
    left: 0;
    position: absolute;
    top: 0;
    width: 94%;
}

Regards,
Mahesh

[heartland]

Awesome! and is there a way to make the title and tag line text larger?

[heartland]

never mind found a different help form Colorlib.com that had the answer. thanks.

[Mahesh]

@heartland: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Gwen]

I have added the css to my child theme style sheet for catch box and it works great for desktop displays. However on mobile displays (portrait mode iphone 6 – 375px width) the bottom of my site title disappears behind the navigation bar. I can’t figure out which css to override for these devices.

Thanks.

[Mahesh]

@gweng: Please post in your site url.

Regards,
Mahesh

[Gwen]

http://www.gsmm2018.org

[Mahesh]

@gweng: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

@media screen and (max-width: 480px) {
    #site-title {
        font-size: 20px;
        line-height: 20px;
    }
    #site-description {
        font-size: 15px;
        line-height: 20px;
    }

    #header-content {
        padding: 10px 0;
    }
}

Regards,
Mahesh

[Author]

Posts