Docs

[NicoleOhlmann]

Hi there,

I really love your theme. I created already a few websites with it and am a huge fan. Great support team as well!!

My question: I am busy building this website http://susiesplacebb.com and choose to place the logo in the middle between the menu items. This is only possible if I place the picture directly in the menu. Unfortunately, this creates some problems:

1. The logo is not directly visible on mobile (only when you click on the menu).
2. The logo is placed within the menu. This looks unprofessional, especially because the logo goes over lines of the mobile buttons.(see screenshot)

Is it possible to
A. Show the logo outside on mobile without that visitors have to click on the menu?
B. Remove the logo out of the mobile menu?
… and if that is not possible
C. Remove the lines around the menu items?

Many thanks for your efforts.

Warm regards,
Nicole

[Paul R]

Hi Nicole,

Thanks for writing in!

You can add this under Custom > Edit global javascript in the Customizer.

jQuery(function($) {
  $('.x-nav-wrap.mobile .menu-item-417 a').insertBefore('.x-navbar .x-btn-navbar');
});

Hope that helps

[NicoleOhlmann]

This reply has been marked as private.

[Paul R]

Hi Nicole,

There is a syntax error in your code that prevents it from working.

There is a missing }

Please see video – http://screencast.com/t/If6PO9wlDca9

Thanks

[NicoleOhlmann]

Hi Paul,

Thanks a lot for your super quick reply!!!
The menu works now. Thanks a lot. However, on the desktop version I have now two logo’s. It there a possibility to remove that?

Also, as you can see in the screenshot, the logo is only half visible. Is there any way to fix that?

Many many thanks for your efforts.

Warm regards,
Nicole

[Thai]

Hi There,

Please add the following CSS:

@media (min-width: 980px){
    .x-navbar-inner .x-container.max.width > a:first-child {
        display: none;
    }
}

Hope it helps 🙂

[NicoleOhlmann]

Hi Thai, thanks a lot. The logo on the desktop version is gone. Perfect. The only thing that remains is that in the mobile version, the logo is cut off half way. If there is any way to fix that, I would be very happy. 🙂

Many thanks for your efforts.

Warm regards,
Nicole

[Thai]

Hi Nicole,

Please also add the following CSS:

.x-navbar-inner .x-container.max.width > a:first-child img {
    margin-top: 0 !important;
}

Hope it helps 🙂

[NicoleOhlmann]

Thank you so much Thai! It looks perfect!

Have a wonderful day!!

Warm regard,
Nicole

[Rue Nel]

Hey Nicole,

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts