-
AuthorPosts
-
June 28, 2017 at 11:54 am #813766
Hi, this must be a basic question. Our footer re-sizes to be very high on pages that are “thin” i.e. have little content.
We would like to have the same size on the footer on all pages, regardless of the amount of content. The footer height should of course be responsive in the sense that it scales by screen size. It should also always appear at the bottom of the browser window.
Is there a setting for this ? (somewhat surprised that its is not default setting).
Kind regards
Johan Terve
June 28, 2017 at 5:02 pm #813963Hey Terve,
Please provide a link to the site in question so we can look into this issue further.
Best regards,
Jordan ShannonJune 28, 2017 at 11:45 pm #814147Hi Jordan, thanks for helping.
The site is under development on a temporary domain.
This is a page with little content and high footer: http://wimaxprepaid.com/news/
This is a normal page: http://wimaxprepaid.com/solutions/carrier-wifi/
June 29, 2017 at 5:18 am #814207Hi,
Thank you for writing in!
I
ve checked your news pages and there
s a banner causing this height problem. To fix the problem, just disable all of the plugins and check which one is causing it.Best regards,
John TorvikJune 29, 2017 at 9:00 am #814278Hi John,
Can you please advice which banner you are referring to? On this particular page we are only using the standard icon boxes and not the LayerSlider or the essential grid plugin.
What I noticed is that if I add a text block under the icon boxes with a number of text rows, the footer will get normal after a certain number of rows.
Please have a look at the page now.June 29, 2017 at 12:23 pm #814381Hi!
When I check the news page, this is what I see:
Would you know what’s causing this banner?
Best regards,
SarahJune 29, 2017 at 1:40 pm #814454Hi Sarah,
It is the plugin PopupMaker. I have enabled it now, still same problem?
June 29, 2017 at 1:53 pm #814471Hi,
Ah, I see what you mean about the height of the footer now. All right. Please try this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.template-page { min-height: 67vh; }
Please let us know if that works for you.
Best regards,
Sarah -
AuthorPosts
- You must be logged in to reply to this topic.