Responsive top bar on mobile

Hello,

1 – Why my top bar with the menu is not responsive on mobile ?

2 – Do you know how i can add [currency_switcher] on my menu ?

Thanks !

Hello,

1) It seems that your custom code or some third party plugins disturbs the responsiveness of top bar. Kindly deactivate all the third party plugins and clear your site and browser cache then check back.

In case if the issue is still there remain the plugins as disabled so I can test with theme default plugins.

2) You can use the short code "[currency_switcher]" anywhere in your menu by using text block with mega menu. Also you can check the below documentation for in depth guidance:
https://xtemos.com/docs/woodmart/create-menu-2/

Best Regards.

Hello,

1 – It’s not a plugin problem. The currency switcher create a no responsive menu. How i can solve the problem ?

2 – I want to add currency switcher on the top bar, how i can do this to make a responsive menu ?

Thanks

Hello,

1) You need to check the currency switcher option and documentation on how to assign to a menu. As far as I know, currency switcher is added by means of the widget. If so:

1. Create a sidebar for currency widget http://prntscr.com/p74a90

2. Add the currency widget into the sidebar.

3. Create HTML block and add widgetized sidebar element http://prntscr.com/p749v1

4. Add the HTML block into the Header builder https://xtemos.com/docs/woodmart/html-blocks-2/#header_builder

In case after doing all these steps if the currency switcher is still not responsive then deactivate all the third party plugins and let me know so I can test with theme default plugins.

2) Share your admin login credentials of “https://firstim.space/briston-watches/” so I can check myself and help you out.

Best Regards.

Hello,

Thank you for your help but i don’t understand good the process.

If i create you an admin access can you help me ?

Thanks !

Most Welcome,

Share your login info so I will try to display the currency switcher in your top bar without losing responsiveness.

Also let me know the name of the plugin which you used for this purpose.

Best Regards.

Hello,

It’s ok, you can find the admin access in private content.

I use WPML plugin to add multi currency on my website. Actually, i add the multi currency in the header builder (in desktop and mobile)

Thank you so much.

Hello,

You can try the below CSS for the responsiveness of top bar menu.

.container .menu-top-bar-fr-container .menu {
margin-left: -30px;    
}

When I try to save this CSS code in your Custom CSS for mobile. It shows the message “The settings have changed, you should save them!”. It might be possible that due to some third party plugins changes not saved properly.

Result: https://jmp.sh/TekClnk

So you can try the CSS after deactivate the third party plugins except of theme required plugins and currency switcher plugin.

Best Regards.

Hello,

Thank you for this css code.

It’s work, but no on each device.

Why the menu is not responsive on each device ?
Look my screenshot

Attachments:

You must be logged in to view attached files.

Most Welcome,

When I tested your site after applying that CSS code. It works just fine.

You need to check on actual mobile devices not only just resizing the window screen in desktop.
Actually that menu is not responsive because you have larger number of menu items in your top bar. So in the small screens too many items can not fit and goes to the next line. You can also try to use less quantity of menu items to fix this.

Best Regards.

Hello,

Yes i know.

When i use my iPhone Xs max it’s perfect, but on my iPhone 8, the menu is on 2 lines.

It’s cool for the moment.
I come back to you later if i need more help on this topic.

Have a nice day !

Hello,

Feel free to write back for further assistance. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts