Override Javascript to set height for section
Hi,
On our site, http://darealty.com/aurum/location
I've set a background and height for the AURUM logo so that when you scroll down, the main body text disappears behind it.
However if the content text is too long it already starts by being cut off at the top by the logo overlay (.desktop-logo), so I've added jQuery to check how long the text is, and if needed add a top-margin to it (.left-text) to push it down enough so that the text starts below the overlay.
The problem with this is that the height of the section container is not taking this margin into account, so in some places on some screen sizes it sets the height for .section too small, leaving a white gap at the bottom (on Firefox) or cutting off the content on the left (Chrome).
This only happens on some screen sizes, eg. 1366x768 & 1024 x 768.
I've tried to set the height with jQuery to incorporate the margin, but it's not letting me override the height or padding, however I can set other properties that are not being set by other javascript so the code IS working, just not allowing me to override those properties.
I've made sure that my script is running after the theme scripts.js but it still doesn't work!
Please help.
How can I override the height being set on .section?
Thanks,
Steven
On our site, http://darealty.com/aurum/location
I've set a background and height for the AURUM logo so that when you scroll down, the main body text disappears behind it.
However if the content text is too long it already starts by being cut off at the top by the logo overlay (.desktop-logo), so I've added jQuery to check how long the text is, and if needed add a top-margin to it (.left-text) to push it down enough so that the text starts below the overlay.
The problem with this is that the height of the section container is not taking this margin into account, so in some places on some screen sizes it sets the height for .section too small, leaving a white gap at the bottom (on Firefox) or cutting off the content on the left (Chrome).
This only happens on some screen sizes, eg. 1366x768 & 1024 x 768.
I've tried to set the height with jQuery to incorporate the margin, but it's not letting me override the height or padding, however I can set other properties that are not being set by other javascript so the code IS working, just not allowing me to override those properties.
I've made sure that my script is running after the theme scripts.js but it still doesn't work!
Please help.
How can I override the height being set on .section?
Thanks,
Steven
Comments
as we see, you did mane changes in theme so far and we are not sure if we would be able to help you because of that. But please send us screenshot of what is happening exactly and we will see if there is anything what we can do to help.
Thanks!
Thanks for understanding!