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?
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
could you (someone ) help me to solve this?
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
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks
2_ https://pasteboard.co/GZlVwJ6.png
I hope that it will help
I'm also exeperiencing some problem with mobile mode . I cannot positioning the responive-menu-toggle to be seen could you help me with this 2 problems
THANK YOU
P.S. Anticipating your question, yes, those errors are not associated with theme and were made by you or one of your extra plugins.Please disable all plugins and scripts.
Thanks!