Menu overlap

How do I control the positioning of the menu after scrolling down?
Currently the menu is overlapping headings and sub-headings.
For example, when clicking 'my work' in the menu the menu is covering the sub-menu of that gallery widget.
http://origin8-test.com/alex/

Thanks
Andy

Hi,

Please check the following threads:
https://www.gavick.com/forums/john-wp/a ... rect-35972
https://www.gavick.com/forums/john-wp/page-height-37342
Generally it's enough to use proper paddings in your widget sections.

Thanks

Hi Piotr

I've tried adding this code to the override.css file but it doesn't seem to make a difference. What am I doing wrong?
#my-works .box {
padding-top: 20px!important;
}

#gk-bottom1 .box {
padding-top: 20px!important;
}
Thanks
Andy

Hi,
Your override.css file is not loaded, did you enablet this override option from John -> Template Options -> Advanced tab?

Hi Piotr
No, it was not enabled. I have now enabled but still can't affect the menu position.
Thanks

Hi,

Your code is commented out (in override.css file), please replace ALL content of the override.css file with the following:

Code: Select all

/**
 *
 * -------------------------------------------
 * Override
 * -------------------------------------------
 *
 **/

/*
 *
 * 16. Override
 *
 *

------------------------------------ */

/* 16.1. Overrided elements
==================================== */

#my-works .box {
padding-top: 80px!important;
}

#gk-bottom1 .box {
padding-top: 80px!important;
}


Regarding the 'CHOREOGRAPHER' text in the header widget, please fix your widget's code first, because now there are a lot of errors, please check your homepage here:
http://validator.w3.org/
unclosed, not allowed span tags etc.

OK, thank you