-
Author
-
November 14, 2017 at 11:33 #179796jjaffkeParticipant
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!
November 15, 2017 at 19:09 #179922LauraModeratorHello, 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 solutionLaura 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 🙂
November 16, 2017 at 12:13 #180021jjaffkeParticipantHi 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
November 16, 2017 at 20:01 #180063LauraModeratorHello, 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 solutionLaura 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 🙂
November 23, 2017 at 14:32 #180749jjaffkeParticipantThanks 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.
November 24, 2017 at 20:33 #180939LauraModeratorHello, 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 mobileHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura 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 🙂
-
AuthorPosts
The forum ‘General questions’ is closed to new topics and replies.