I just made some slight modifications to my site. I added a 30px fixed frame to my site which seems to affect the fullscreen sliders and Color Sections at 100% browser height. As you can see on my site, both the fullscreen slider and color sections extend further and the scroll arrow is getting cut off because of that. I’m assuming that the fullscreen slider and Color Sections at 100% Browser Height don’t calculate differently when a fixed frame is used? Can you provide me with some quick css to fix this please? Thank you!
Hey djshortkut,
Thank you for using Enfold.
It’s quite normal because the main container is pushed down by 30px and the bottom part of the browser is covered by 30px. You will have to modify the js > shortcodes.js > avia_browser_height function.
Best regards,
Ismael
I see. I have added the js folder to my child theme. Can you tell me how to modify the code to fix this please?
Hi,
I’m sorry but you can’t override this file in a child theme. You have to do the modification in the parent theme. Edit line 2221:
wh100_mod = wh100,
.. replace it with:
fixed_frame = $('.av-frame-top').length ? $('.av-frame-top').height() : 0,
wh100_mod = wh100 - fixed_frame,
Best regards,
Ismael
You can close this thread