Docs

[Normandy A]

On mobile devices the hover area covers the navigation icon, so unless you click the very right-most part of the navigation icon, when you click on that button, it is as if you clicked on the logo (taking you “home”). How do I make the hover area only over the visible logo?

thanks, Normandy

[Lely]

Hi Normandy,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Normandy A]

Ah, sorry.
cairncrestfarm.com

Thank you!

[Joao]

Hi There,

To fix the issue please add the following code to Appereance > Customizer > Custom > CSS

.x-navbar .x-brand {
    width: 70% !important;
}

To Remove the grey bar of you topbar on mobiles , please add to Appereance > Customizer > Custom > CSS

@media (max-width: 767px) {
.x-topbar .p-info {
background: none;
} }

Hope that helps

Joao

[Normandy A]

You people are awesome! Thank you.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts