Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
  • Page:
  • 1

TOPIC:

Footer Height 2 years 1 month ago #7936

  • LindaM13
  • LindaM13's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 23
  • Thank you received: 0
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

Please Log in or Create an account to join the conversation.

Footer Height 2 years 1 month ago #7937

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 840
  • Thank you received: 244
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
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Log in or Create an account to join the conversation.

Footer Height 2 years 1 month ago #7938

  • LindaM13
  • LindaM13's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 23
  • Thank you received: 0
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.
Attachments:

Please Log in or Create an account to join the conversation.

Footer Height 2 years 1 month ago #7939

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 840
  • Thank you received: 244
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
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
The following user(s) said Thank You: LindaM13

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Moderators: ingdon
Time to create page: 0.076 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search