Menu in Top Bar and Widget

H,

I have a Menu in the Top Bar that doesn’t show on Mobile version

and I have a widget in the Header bar that also doesn’t show on mobile versions.

I would like to have them show on mobile version .. how do I go about doing it ?

Thanks

Hello,

1. Create a separate menu including the items you want to show and set is as the mobile menu in Appearance > Menu.

2. You can enable search widget in the Theme settings > Header > Other

Best Regards

The Menu still doesn’t show. I want thee Menu to show in the Top Bar .. not the main menu position.

and the search widget I want is for directory listings it’s different from the regular website search.

Please help

Hello,

Please add this code to the Theme settings > Custom CSS > Global

body .topbar-wrapp .topbar-menu {
	display: inline-block;
}

Best Regards

That worked perfectly for the menu in the top bar what can I do so the Widget position also shows on mobile.

Thanks

Hello,

Do you mean the search widget? If so, you can configure it in the Theme settings > Header Other http://prntscr.com/louaza

Best Regards

Please read my explaination above.

Its a search widget for one of the directory plugin. All i want to know is how can the wiget position in the header be visible on mobile.

Thanks

Hello,

Please specify which widget do you want to show on the mobile version. Please provide the screen.

Best Regards

Please see attached screenshot of back end widget position and the front end website

here’s the URL:
https://ultimatephotographers.com/photographers-directory/

PLEASE NOTE: this is not the regular website search widget. This is a search widget for the directory plugin.

I have tried puting just a regular text widget in that position as well. That doesn’t display on mobile either.

please help.

Attachments:

You must be logged in to view attached files.

Hello,

In order to show it on mobile, you need to configure it in the Theme settings > Header Other http://prntscr.com/louaza

Enable “Search Icon on mobile”

There is the only way to have the search on the mobile view.

Best Regards

I DO NOT WANT THE SEARCH WIDGET FOR WORDPRESS .. The search I have in the widget is not a normal search widget.

Please see the attached screen shot.

I want to display the Widget Area in the Header on Mobile. How do I get it to show on desktop and mobile.

The widget shows on Desktop but doesn’t show on MOBILE.

Here’s URL Again:
https://ultimatephotographers.com/photographers-directory/

Attachments:

You must be logged in to view attached files.

Hello,

Please add the code to the Theme Settings > Custom CSS > Global

@media (max-width: 991px) {
body .main-header .widgetarea-head {
		display: block;
}
	
body .main-header .right-column,
body .main-header .site-logo {	
	width: auto;
}
}

Best Regards

Thank you. That worked

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts