Docs

[nillamary]

I’ve added this code for my point 4., which worked for the Home page icon’s background but not when the icon is clicked as it still displays a solid background:
.x-btn-navbar.collapsed,.x-btn-navbar.collapsed:hover {
background-color: transparent;
}

[Rue Nel]

Hello There,

Thanks for updating in! Please have your code updated and use this instead:

a.x-btn-navbar,
a.x-btn-navbar.collapsed,
a.x-btn-navbar.collapsed:hover {
  background-color: transparent;
}

Hope this helps. Please let us know how it goes.

[nillamary]

Hi Rue, that worked, thank you!
My other questions were not addressed:
1. What spacing is optimal for a user
2. The About menu and options are not behaving correctly. Clicking the down-arrow right of About menu launches the About page by default. On hovering, I would like the About, Awards, Exhibitions’ option to display display without launching the About page.

Many thanks!

[nillamary]

Hi Rue, that worked, thank you!
My other questions were not addressed:
1. What spacing between menu options is optimal for a user? Especially for mobile devices.
2. The About menu and options are not behaving correctly. Clicking the down-arrow right of About menu launches the About page by default. On hovering, I would like the About, Awards, Exhibitions’ option to display display without launching the About page.

Many thanks!

[Lely]

Hi There,

You’re welcome!
1.)Are referring to vertical spacing? The current spacing which is 20px between menu links is fine. If this is not the answer you’re looking for, please clarify.
2.) Upon checking, it is working as expected. See this:http://screencast-o-matic.com/watch/cDl2hDQ30w That’s the same when I check on real mobile. We have to click the double arrow down to activate submenu. That is how it works by default for mobile menu. Please note that there’s no hover on mobile. Just tap.

Hope this helps.

[nillamary]

Hi Lely
1. Answered, thank you
2. This behaves differently to my current site. Can I add some code so that it behaves the same as the Bio option and sub-menus in my current site? http://www.nillasphotography.com/
Hovering over Bio option doesn’t load that page but displays sub-menus from which the user can select.

Thank you!

[Rue Nel]

Hello There,

Thanks for updating us in! The example url is using an AJAX code that loads the content without reloading the page. Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[nillamary]

Thanks.

Can I use CSS to make my Hamburger icon change to an X when displaying menu options, then user clicks the X to close the menu options?

[Christopher]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[nillamary]

Isn’t it just a matter of CSS eg menu-close-icon or something?

[Nabeel A]

Hi again,

You can add the following code in your child theme’s style.css file:

.x-btn-navbar.collapsed i:before {
    content: "\f0c9" !important;
}
.x-btn-navbar i:before {
    content: "\f00d" !important;
}

Hope this helps!

[nillamary]

Excellent, that worked!
I’d like to make the X a little longer and thinner if possible?

[Joao]

Hi There,

For that you will need to create your own png file and use an image instead, the icons cannot be manipulated that way.

Let us know if you need further help

Joao

[nillamary]

Thanks for info! Will check that option out later but for now it’s working at least Joao.

[Joao]

Let us know if you need help with anything else.

Cheers

[Author]

Posts