Docs

[miket855]

Hi,

I’ve done some customization at menu, and I am wondering if I can remove animation when I click on burger, or perhaps change it from slide to fade?

http://kaiserbold.davidpetrovic.com/

[miket855]

And I am getting some strange issue when I click menu button. Image resizes in right side of screen.

Thanks in advance!

[Rue Nel]

Hello There,

Thanks for writing in!

To resolve your mobile menu issue which to remove the animation, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-nav-wrap.mobile {
    opacity: 0 !important;
    transition: opacity 2s linear;
}

.site .x-nav-wrap.mobile.collapse.in {
    opacity: 1 !important;   
    transition: opacity 1.5s linear;
}

Please let us know if this works out for you.

[miket855]

Thanks. It helps but there is some small delay now when opening menu?

Also, can you tell me how to make menu fade out?

Thanks a bunch!

[Rue Nel]

Hello There,

Thanks for updates! Regretfully we cannot support any further modifications to the header other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. Among these, the header is one of the more complex elements of the theme and structural modifications to it will likely lead to numerous layout problems as there are a lot of things to take into consideration because of X’s responsive nature. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.

Thank you for your understanding.

[miket855]

Okay, thank you for your help! 🙂

[Christopher]

You’re welcome.

[Author]

Posts