Evolve Theme – Footer Not At Bottom

Hi Mark,

Thanks for writing in!

Please provide us with the link of your website, so that we can take a closer look into it and provide you with a tailored answer. Meanwhile, please ensure your custom CSS field; if there’s any extra code is existing.

Thank you!

What is better is that I created a page with a gallery of Screen shots of what it looks like out of the box and with a CSS fix.

I did the gallery method way because I need this WordPress site to display to potential customers so I cannot leave this WordPress site unfixed waiting for someone to view the problem. Please view the gallery of screen shots to see the problem I refer to.

I did use my own CSS fix. So you will see screen shots “before” and “after” a CSS fix.

You will notice that the fix added more white space under the page content and content-image. This is generally not good, way too much white space causes too much scrolling in mobile screens, thus this is a temporary CSS fix.

When there is enough content, it seems to work fine, so the problem occurs when there is little content to fill the space.

Unfortunately, the CSS fix I used requires a fixed margin value (see below) and this is not a good thing to do with different screen sizes between Desktop to Tablet or Smartphone. The footer should automatically be at the bottom of the screen.

This is what I used in my CSS fix:

.footer {
position: relative !important;
top: 389px !important;
}

The URL to this gallery page with screen shots is:
https://www.formwebdesign.ca/wordpress/evolve-screen-shots/

The images have caption names and click on any one image will show a black dotted boundary, which replicates the border of the screen.

PS:
By the way, are you the author of this theme? I ask this because the styling of the menu is awful in mobile screens, its hard to read. Something that also needs to be fixed in any updates. This is because the text shadowing makes the menu text way too light and very hard to read. I did some fix to it but needs more work.

Hi Mark,

Thanks for your brief clarification!

The Footer for this evolve theme. It is not staying at the bottom and when a page or post is very short, the footer is half way up the page.

The way it is working is usual and expected. If you search around, It is a default behavior that how footer works in almost every webpage. So I believe that’s not a glitch in theme. Although, the custom code you added to your custom CSS field made it even worst because it is bad practice of coding. You may wish to consult with a developer who can help you with this.

the styling of the menu is awful in mobile screens, its hard to read

In regard to change the color scheme of your menu, please go under Appearance > Theme Options > Styling > Menu and set any desired background color. As for the text, that is under Appearance > Theme Options > Typography > Menu > Main menu font.

Thank you!

Thanks for the reply.

I will have to disagree with the coding for the footer, albeit its a temporary fix until I can find a better way.

To see a footer bar across a page, cutting the page in half, with empty space below is not a good design no matter how default it may be. Its an issue with all web designers who have to fight with it (no matter the theme) and why solutions like “sticky footers” were created by other well respected designers. WordPress certainly is not a special acceptance to basic page layout practices.

So I guess this can be a matter of personal preference, whether to have the footer stick out like a sore thumb or force to be at the bottom at all times. I prefer the latter as it allows for better reading flow and shows as a finished page.

As for the Theme Options, was already aware of it, nice list I must admit, better than most, yet still limited regarding the menu. If the theme author wants something to be default then he/she should choose default settings that work well in mobile, but not create a mobile version where its hard to read, that is just bad practice and the average person who does not work webdesign will not know its a bad practice which is why this particular default was a bad choice.

It does not take much effort to choose a better menu appearance, after all its the same effort to choose a bad one.

Not everyone can work WordPress now a days with the complexity it has developed to, despite Theme options etc. So defaults should be better out of the box instead of having to go into a lot of option changes or custom CSS changes just to make the basic work better. At least that is my practice.

Thanks