can the submenu and mobile menu pop upside instead of downside?

VoilaSiteWeb · March 2018

Hi,

I currently use header layout style "Below Slider" and the slider is set to fullscreen - #Header. This creates 2 problems;

1- The mobile menu pops below the initial viewheight so the user would have to scroll down to see the menu.

2- Same thing happens with the submenu items on the regular menu.

Is it possible to change the popup direction of these 2 menus layout? I did research and found no solutions.

Thank you

Bryan · March 2018

Hi,
sorry but this is not possible. We do not have such an option in the theme
thanks

VoilaSiteWeb · March 2018

Hi,

then what is the purpose of "below slider" menu?

Couldn't I add custom javascript to achieve the desired result?

Thanks for pointing me out a solution.

Regards

Bryan · March 2018

Hi,
ofcourse you can add any JS or CSS you desire, we just do not support such changes and there is no option to set it up.
thanks

VoilaSiteWeb · March 2018

For those who are having the same issue, I added the following CSS to the related page's "custom CSS" section because my menu was below the slider only on this page;

#Top_bar .menu li ul{

bottom:100%;

top: initial;

}

It made the submenu to "dropup". I also had an icon in the menu's navigation label and I rotated it using the following code;

.icon-down-open:before{

transform: rotate(180deg);

-webkit-transform: rotate(180deg);

}

for the sticky header;

#Top_bar.is-sticky li ul{

bottom:initial;

top: 100%;

}

.is-sticky .icon-down-open:before{

transform: rotate(0deg);

-webkit-transform: rotate(0deg);

}

Regards

can the submenu and mobile menu pop upside instead of downside?

Comments