How to get row to the bottom on pages with little content

[jjaffke]

I’m working on a site that is in two languages so it’s mandatory that I have two different footers, one in each language. I’ve turned off the sitewide footer option in theme settings and then created a row to act as a footer in two different languages. It’s not the most efficient but it gets the job done on this small site.

The problem I have is that on a few pages that only have a little content the row floats to the middle of the page – for example: http://198.20.99.146/~neueharm/acupuncture/ear-accupuncture-2/

How can I get that bottom colored row to hug the bottom of the page:? Or better yet, is there a way to have two different footers from within the theme options?

 

Thanks so much!

[Laura]

Hello, my suggestion is to use https://wordpress.org/plugins/qtranslate-x/ and use the language switcher menu item, this should help you with everything related to languages

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jjaffke]

Hi Laura,

Thanks for your response. I already have the language thing figure out. What I really need is to figure out how to get the gold coloered row on this page: http://198.20.99.146/~neueharm/acupuncture/ear-accupuncture-2/ to stay at the bottom when the window is expanded. Right now on a bigger window it floats in the middle of the page.

Thanks much! Sorry if I wasn’t clear.

Janet

[Laura]

Hello, as its a row, i suggest to just add gaps before that row, to cover it until its at the bottom

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jjaffke]

Thanks Laura, I did that but it’s not a great solution because when the window size changes sometimes the gap gets huge. I just thought there might be a line of code I could use in that last row that could get it do float at the bottom. Or maybe something I could do in css. I’m not much of a developer so just thought I would ask. Thanks for your help.

[Laura]

Hello, please try the following, add this to style.css of child theme

COPY CODE

@media (max-width: 991px) {
.remove .kleo-gap {
    display: none !important;
}
}

Now go to the page where the gap is, edit the gap element and at the class input put “remove” without the “”
This should hide the gap on mobile

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts