Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Reducing page header size on non-main pages.

Featured Lock Resolved

Hayden Cyr Rhino Thursday, 02 May 2019

Hi there, I am wondering what the best way to reduce the header area's display height on non-main pages. Currently, it is too large and pushes the content too far down the page. On the linked page it is the blue sky/field and hill image behind the page title. Thank you in advance!

https://www.otato.ca/about-otato

6 Answers

Toufiq - Staff

More than a month ago #Permalink

Hi there,

Thank you for your reply. Please add this CSS code inside the custom.css file.



.sp-page-title h2:before {

    content: '';

    position: absolute;

    top: auto;

    bottom: -280px;

    height: 200px;

    width: 100%;

    left: 0;

}

.sp-page-title {

    text-align: center;

    padding: 50px 0 0;

    min-height: 400px;

    overflow: hidden;

}

-Thanks

Toufiq - Staff

More than a month ago #Permalink

Hi there,

Please share a screenshot that you want to do exactly.

-Thanks

Hayden Cyr

More than a month ago #Permalink

Here is a screenshot example as requested. Thank you!

page header height.jpg

Hayden Cyr

More than a month ago #Permalink

That's perfect, thank you so much!

Toufiq - Staff

More than a month ago #Permalink

That's perfect, thank you so much!

Hi there, You are most welcome & Thanks

There are no replies made for this post yet.
Be one of the first to reply to this post!

Login to Ask a Question

Categories

Leaderboard (30 days)

Paul Frankowski

Total Accepted Answers: 105

Toufiq

Total Accepted Answers: 61

Sifat

Total Accepted Answers: 44

Mehtaz Afsana Borsha

Total Accepted Answers: 17

Rashida Rahman

Total Accepted Answers: 17

118

Templates

305916

Community Users

Company

Products

Supports

Terms

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam