Footer Height

I need to double the height of the footer block so that the commands are not obscured by the logo of our webhost (which I can't affect).

I've added this command to the section of code headed #x_footerBlock in the CSS for flatblue
padding-bottom: 42px;
Just wondering if there is a better way?
Thanks
Linda

Hi
I replied to your original post but then it seems you must have deleted your original post?
Hi
Is this an issue that only applies to mobile devices or all devices?
Can you provide a link, or at least screenshot, that demonstrates the issue?
We might then be better placed to advise.
HTH
Ron

Hi Ron, sorry I didn't see your reply and thought I'd delete my first query and update it with the solution I found. The problem applies to all devices, here's a screen shot from my laptop.

I'm using a free webhosting service (we're a not for profit club) and it puts their logo at the bottom right. It's not moveable. Before I added teh padding command their logo covered the commands at the bottom right of the footer.

Ok the screenshot helps.
You could try reducing the height of the main holder rather than increasing the height of the footer e.g.
#x_mainHolder {
height: 95vh !important;
}
Try changing the 95vh to 96vh or 97vh or 94vh or 93vh depending on what works best with the logo. Also test on different devices.
HTH
Ron