Extra widget area in header not visible on mobile/tablet

Hey thanks for getting in touch,
1. Unfortunately, the Widget area that is inside the header next to the menu can’t be shown on the mobile header, The premium theme has options for a widget area inside the mobile topbar.

With the free theme, you could hack the desktop topbar to show on mobile and add your widget there but it won’t be sticky. So it will potentially break the mobile sticky header. If you add the widget to your topbar I can get you css that would hack that into showing on mobile.

My recommendation would be to add your language items to your mobile menu. Or code your widget into the mobile header using a child theme.

2. You can use this CSS to show your desktop header on a tablet, although I have to say I don’t recommend this:

@media (min-width: 767px) {
    .kt-header-position-above {
        display: block;
    }
    #kad-mobile-banner {
        display: none;
        height: 0;
    }
}

Sorry I can’t offer a hack for adding the widget area into the mobile header it’s just not an option as part of the output.

Ben

Hi Ben,

Thanks for your quick reply. Can you give me the css for the topbar? Than I can try it and see what works for me and what not. Thank young advance.

Brenda

Try this CSS:

@media (max-width: 992px){
    .kt-header-position-above {
        display: block !important;
    }
    .outside-headerclass {
        display: none !important;
    }
}