Adjust page-title-section and keep the footer on the bottom ?

Shapely
1

Hey There:
Wonderful theme! I’ve been trying to tweak the CSS but it starts making other issues for me :frowning:

Adding :

page-title-section {
height: 50px !important;
padding: 10px 0;
}

Resizes the page name header wonderfully but the footer moves up.

Adding

.site-footer {
    position: absolute; 
    bottom: 0px;
    width: 100%;

To move the footer to the bottom works great on desktop and vertical mobile but not on landscape mobile (it covers the content).

Is there something I am missing or am I just going to have to do some media querying ?

Many Thanks!

2

Hey guys!
I ended up implementing some flex layout. Thanks for having such fantastically tidy code!

Edit… and a deeper search of the forums gave me this: https://colorlibsupport.com/t/shapely-theme-sticky-footer-using-flex-css/

Many Thanks!

3

Good evening

So, is your question resolved now ? do you need any assistance?

4

Noda:

Question is resolved.
Many Thanks :slight_smile:

5

Ok :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions

Thanks!

6

Ok :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions

Thanks!

7

Ok :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions

Thanks!