Docs

[leonhoffmann]

We added a custom image to the header widget. In mobile view this image is overlapping the logo, so we want to place it next to the hamburger menu in mobile view. Could you provide a code snippet to make that happen? This is our website: http://www.click-your-ads.com/

Many thanks for your help.

[leonhoffmann]

Also, the header widget should close automatically after choosing a language from the dropdown. Hope that makes sense to you. Many thanks, Leon

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .desktop .x-nav > li > a {
    padding-top: 60px !important;
}
.x-btn-navbar {
    margin-top: 45px;
    z-index: 99999;
    margin-right: 25px !important;
}

To close the widgetbar on language selection, add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.prisna-gwt-flag-container a').click(function(){
		$('.x-widgetbar').removeClass('in');
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts