Docs

[alarmallama]

Hi,

I’ve installed Codeflavors menu plug-in so I have a little floating menu at the side and after a bit of tweaking the CSS I’ve set it to disappear at 960px otherwise it just floats all over everything.

My issue now is that my main menu in the nav bar is still showing up so I have two menus which is just a bit greedy. Is there anyway to remove the menu completely until the screen size is less than 960px?

Also just a small thing, the neat little square that pops up to expand the menu on mobile mode is a bit too neat and professional for my tastes. Is there a way to replace it with an image that when clicked will perform the same function?

Thanks in advance!

[Prasant Rai]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[alarmallama]

Sure thing!

http://definitelynotaliens.com/

[Rahul]

Hey There,

Thanks for writing in!

You can replace the mobile menu icon with an image. Use this:

Please add this CSS at Appereance > Customizer > Custom > CSS :

.x-icon-bars:before {
content: url('IMAGE URL HERE');
}

Hope this helps, let us know how it goes!

Thank you.

[alarmallama]

That worked great! A+

Any idea on how to get the menu to dissappear completely when the screen width is >960px?

Thanks

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

@media screen and (min-width: 960px) {
.x-navbar-wrap {
    display: none !important;
}
}

Let us know how this goes!

[alarmallama]

That is wonderful and you are geniuses.

Thanks guys!

🙂

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts