Docs

[freipartner]

Hi there!

On my new project I wanted to have a contact address in the navbar. To achieve that, I created a topbar and set it to float: right. On big screens it does look perfect. But when it gets to smaller screens the text overlaps the menu and some navigation items aren’t displayed the right way.

Did I do something wrong? Or do you have another solution to achieve, that the address is on the right side of my menu?

The URL to my project: http://www.freipar1.myhostpoint.ch/

Best, Christian

[Paul R]

Hi Christian,

I tried resizing my browser but I can’t seem to replicate the issue.

May I know what device and browser are you using.

See Video – http://screencast.com/t/CISyMxm2w

[freipartner]

Hi Paul

Strange. When I try it, it looks the same as in your video. It only happens when I’m in Cornerstone
or in the browser of my client.

Is there a way to change the position of the mobile menu?
When it switched it doesn’t look very nice.

[Lely]

Hi Christian,

Yes, we can change the position of mobile menu button using custom CSS. Please provide details on where you want to put it so we can give you detailed suggestion.

[freipartner]

Hi Lely

Sorry, I can now recreate the mistake my customer had.

When you click on «Räumlichkeiten» and after that on one of the buttons (i.e. 1. Obergeschoss)
and scroll down the address on the right side (topbar with setting float: right) disappears.
Wenn you scroll up to the top. It’s in the screen again and cuts of parts of the menu.

May you see that or can you tell me how to share a screencast video with you?

Best, Christian

[Paul R]

Hi,

To fix it, you can add this in Custom > Edit Global Javascript in the customizer

jQuery(function($) {

   $('.x-topbar').insertBefore('.x-nav');

});

Hope that helps.

[freipartner]

Hi Paul

That’s perfect. Thank you so much.

Best, Christian

[Paul R]

You’re welcome! 🙂

[Author]

Posts