Support Forums

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

Your Time: Our Time:

Reducing page header size on non-main pages.

Featured Lock Resolved
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

Attachments (1)

  • page header height.jpg
    page header height.jpg 150.2 KB

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!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 133
Sifat

Sifat

Total Accepted Answers: 92
Toufiq

Toufiq

Total Accepted Answers: 50
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

293004

Community Users

Newsletter

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

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us