Inline logo in Ubermenu navbar + Mobile titles

Support
#1

Hi there,

2 questions for you!

  1. I’m trying to fix my logo on the left side of my navbar, but can’t make it happen. I did set it up as “inline”, but doesn’t seem to work.

  2. I used classic titles on several pages (Coaching > Prestations, for example). It works great on desktop, but the title is cut in half on mobile. Any way to make it different?

Here is the website: https://wercury.ch/

Could you please give me a hand here?

Thanks a lot!

#2

Hi,

  1. Try to set Menu Bar Alignment to right

  1. You can make use of the responsive text feature of cornerstone.

Please refer to this link -> https://theme.co/apex/forum/t/responsive-text/23725

Hope that helps

#3

Hey there,

  1. It doesn’t seem to work. Any idea why? Could it be the size of the logo maybe? Also, it makes the navbar looks weird (on two lines) on mobile now :confused:

  2. Doesn’t work either… Is it because I used a"classic" custom headline? Should I use a non-classic one?

#4

Hey there!

Good news, I found a solution for 2). Apparently it was my “h1” font preset that was not working. I changed the titles using the “h2” and it still looks good to me, so that’s fine.

Still looking for some help for 1) though, please.

Thanks a lot for your time! :slight_smile:

#5

Hi,

For #1

Your menu is too long to fit for the space allowed beside your logo.

You can increase the space by adding the code below in Theme Options > CSS

.x-navbar .x-container.max.width {
    max-width:1400px;
}

@media screen and (max-width: 1460px) {
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: block;
}

.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
    max-height: 0;
    overflow: hidden!important;
    visibility: hidden;
}
}

Hope that helps

#6

Hey there,

Thanks for the help. Doesn’t seem to work though… It makes the navbar looks like it is normally on mobile. Any tips?

The only actual problem is that you have to click on the “menu” sothat it expands like it’s normally on desktop. I’ll leave like it is on the website so you can check it.

Thanks!

#7

Hi,

I can no longer access your site. It’s under construction mode.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#8

Oh yes, sorry! Had to put it back this way for the owner of the website.

I’m sending it to you right now in a secure note.

all the best!

#9

Hi,

Can you provide us your login url in Secure Note

I tried /wp-admin and /wp-login.php but it doesn’t seem to work.

Thanks

#10

Hey there,

I deactived the construction mode, it will be easier :slight_smile:

#11

Hi There,

Please add the following code to Theme Options CSS

.ubermenu-skin-vanilla.ubermenu-responsive-toggle:hover, .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
    background: none;
    float: right;
    margin-top: 38px;
}

Hope it helps

#12

Hey there,

Thanks for the reply. Still doesn’t do it… Sorry to bother with that but I really can’t find where the problem is from :frowning:

#13

Hi there,

Unfortunately, our IP is dynamic and will change the next time check this thread. Plus, there are many and different supports from different countries that may check this issue and adding IPs aren’t recommended. Please deactivate it for now, instead, just install any under construction plugin.

Thanks!

#14

Hey there! I did what you asked, was actually easier sorry about that!

Waiting for some news on your side then :slight_smile:
Thanks!

#15

Hi again,

I checked your site and the logo looks inline with the navigation menu (see screenshot)

I also checked your mobile menu, as you’ve many menu items in your menu, adjusting them might not be possible, what you can do is, you can try reducing the number of your menu items or adjusting them in a sub-menu so they display inline in smaller screens.

Hope this helps!

#16

Hey there,

Thanks for the quick answer.

I checked it on a bigger screen and it’s actually right. But my problem is, I’m working on a 13’’ laptop, and this is what I see :

I’d like to avoid having to click on the navigation icon to see the menu when it’s a screen that big. I would understand on a tablet or let’s say on a 11’’ screen, but 13’’ seems quite a regular size. Any idea how to do that?

#17

Hey @Fuzuki,

It’s because of your custom CSS. I’ve removed this from Global CSS.

@media screen and (max-width: 1460px) {
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: block;
}

.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
    max-height: 0;
    overflow: hidden!important;
    visibility: hidden;
}

  .ubermenu-skin-vanilla.ubermenu-responsive-toggle:hover, .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
    background: none;
    float: right;
    margin-top: 38px;
}

Maybe try reducing the max-width and also don’t forget to close the media query with }

Thanks.

#18

Hey there!

Thank you so much! I was thinking it magically resolved itself before seeing your post. That’s perfect. :slight_smile:

Really sorry to bother you, but may I ask another thing in this same topic? If not I will open a new one. Informations in secure note.

Many thanks.

#19

Hi again,

I checked both of your pages and I see you’ve added inline padding to the section that has a big gap (see screenshot)

Check your sections and remove the inline padding to fix the issue.

Cheers!

#20

Thanks so much for all your help!

Support is awesome, many thanks.

Have a good day/night!