problem with different position between sticky menu voices and real menu voices

I  have a problem to set at the correct height the submenu voices when the menu becomes sticky.
could you (someone ) help me to solve this?image

here below the code css that i used
/*Menu voices*/
div.logo { height: 20px;}
#Top_bar{top: 0px;}
#Top_bar{position sticky; height: 50px; }
#Top_bar { height: 250px; }
.container{ height: 250px;}
.menu_wrapper { padding-top 200px; height: 250px;}
div.a { padding-top 0px;}
#menu-item-2235 { padding-top 0px; height: 250px;}

#menu-item-2597 { padding-top 0px; height: 250px;}
#menu-item-2237 { padding-top 0px; height: 250px;}
#menu-item-2238 { padding-top 0px; height: 250px;}
#menu-item-2240 { padding-top 0px; height: 250px;}
#menu-item-2545 { padding-top 0px; height: 250px;}
#menu-item-2429 { padding-top 0px; height: 250px;}
#menu-item-2241 { padding-top 0px; height: 250px;}
/*that are the height that i must adapt
#menu-item-2235.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2597.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2237.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2238.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2240.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2545.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2429.is-sticky  { padding-top 0px; height: 50px;}
#menu-item-2241.is-sticky  { padding-top 0px; height: 50px;}
 

...the normal menu voices are correctly positioned  the sticky one are instead far than the sticky menu position.
I'm a newby in site programming so excuse me if the solution is obvious but I  couldn't find any on web... please Help me

Comments

Sign In or Register to comment.