Menù Top Header, viewing from smartphones and tablets

flamenetworks · December 2016

Good evening, you can make sure that the Top Header menu see from smartphones and tablets?

Albert · December 2016

Hi,

please show us what you mean exactly.

Thanks!

flamenetworks · December 2016

http://imgur.com/77wNrXW

http://imgur.com/JZxzWsV

Albert · December 2016

Please send us link where you got this additional menu so we can have a look on it closer.

flamenetworks · December 2016

http://dev.flamenetworks.com

Albert · December 2016

Ok, thanks. As we can see, it's secondary menu and yes, this menu is being hidden from mobile because there is simply not enough space and it doesn't look good. But if you do not care about this, you can use the following css:

@media only screen and (max-width: 767px) {
    .header-stack #Top_bar .secondary_menu_wrapper {
        display: block;
        top: 65px !important;
    }
    .header-stack #Top_bar { height: 160px !important; }
    .header-stack #Top_bar .logo { border: 0 !important; }
    #Header .secondary-menu > li {
        display: inline-block !important;
        float: none !important;
    }
}

flamenetworks · December 2016

ok, and for to make sure though that the menu info is displayed correctly with its submenus?

Albert · December 2016

Sorry but what is not being displayed correctly?

flamenetworks · December 2016

No, if you touch from mobile in the menù "info", not function. Why?

Albert · December 2016

We are sorry but secondary menu wasn't made for mobile devices and that's why click action does not work on mobile. The only thing is possible is to display the menu on mobile with the custom css we gave you above already but unfortunately click won't work.

Thanks for understanding!

flamenetworks · December 2016

Ah ok, thanks but you can do something?

Albert · December 2016

At this moment, there is nothing we can do but we will consider this as an additional option while future updates.

flamenetworks · January 2017

Ok, now after the update of betheme, the menù after the scroll still in trasparent. Why???

Ever in http://dev.flamenetworks.com/

Albert · January 2017

You have too many menu items and there is simply not enough space in sticky header to put all those menu items in same line with logo. So or you need to remove some main menu items or use the following css to decrease spacing between items when sticky:

#Top_bar.is-sticky .menu > li > a span:not(.description) { padding: 0 7px !important; }

flamenetworks · January 2017

But after the update the theme was good, now I had to remove the drop-down menu darts because they were on top of each menu item. How can we do? We serve the arrows.

Albert · January 2017

Sorry but we do not understand. What was good? Whatever you did, this can not work because you simply have too many menu items in header and such amount of menu items, won't never look good in sticky header. It's confusing right now and we don't know what you want to do this time.

flamenetworks · January 2017

Menu items have always been the same amout. Now, after theme update, there's this problem:

when I scroll a page, the "arrow" that indicates a menu with sub-items is moved on the menu item text. This problem happens with only 4 menu items and with more than 4, while it never happened before.

http://imgur.com/a/U69Cl

Albert · January 2017

But these arrows overlap menu text just because of the padding css we gave you above so if you want to keep these arrows, you can not use above css to decrease padding space between menu items and you need to remove some items from main menu if you want to keep them all in same sticky line as the logo.

flamenetworks · April 2017

Hi, in the website www.flamenetworks.com the button to return to the top of the page, which is located at the bottom of the site, the arrow has not centered. How can we fix it in the middle?

Bryan · April 2017

HI,
Please update the theme to the newest version, this will fix it.
thanks

Menù Top Header, viewing from smartphones and tablets

Comments