Supporting each other

Community forums

Welcome, Guest

Report any technical problems you discover and discuss solutions.

Page:
1

TOPIC:

x_pageHolder margins 7 years 5 months ago #4138

Neil Pollock Topic Author Offline Premium Member Posts: 92 Thank you received: 4	I'm working on an idea that requires removing the #x_headerBlock element. Unfortunately, it seems that when you do this the #x_pageHolder element still calculates the top margin as though the header block was still present. It only calculates the margin correctly if you manually resize the window. Here is an example: xerte.cardiff.ac.uk/play_4505 Any ideas?
	Please Log in or Create an account to join the conversation.

x_pageHolder margins 7 years 5 months ago #4139

ronm Offline Administrator Posts: 845 Thank you received: 248	Can you not just use the Hide Header optional property? 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.

x_pageHolder margins 7 years 5 months ago #4140

Neil Pollock Topic Author Offline Premium Member Posts: 92 Thank you received: 4	I just wanted to hide the header on a single page, not for the whole tutorial.
	Please Log in or Create an account to join the conversation.

x_pageHolder margins 7 years 5 months ago #4141

Fay
Offline
Elite Member
Posts: 235
Thank you received: 88

Add the styles optional property to the page where you want the headers to be hidden and include this:

#x_headerBlock {
  height: 0;
}
#x_pageHolder {
  margin-top: 0 !important;
}

This should work ok on pages like in your example (plain text) but won't look great if the page where you're hiding the header is something like a navigator page as the panel may look too short with the top margin removed.

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