Docs

[gabriellavanrij]

Could you take a look at my site and let me know how I can get my menu to scroll for those screens that are 13 inches?

http://gabriella.global/

I am using WordPress 4.4.1 running X – Child Theme theme. of X Version v 4.4.2.

[gabriellavanrij]

See attached image.

[gabriellavanrij]

2nd Question:

See attached picture. Unless I’m hovering over a language option in my language switcher menu, it’s barely visible. How can I change my language options to black?

http://gabriella.global/

[Rupok]

Hi there,

Thanks for writing in!

#1. You could decrease the spacing for smaller screens. Let’s add this under Custom > CSS in the Customizer.

@media only screen and (max-height: 767px) {
.x-navbar .desktop .x-nav > li > a {
  padding: 15px 7%;
}
}

Hope this helps.

Cheers!

[gabriellavanrij]

Thanks, that worked! Do you have any proposed fixes to my second question?

2nd Question:

See attached picture. Unless I’m hovering over a language option in my language switcher menu, it’s barely visible. How can I change my language options to black?

http://gabriella.global/

[Rupok]

Hi there,

Sorry I missed the separate reply.

If you want to change the color of the text then you can use this :

.x-navbar .desktop .sub-menu .menu-item.menu-item-language > a {
  color: #000;
  text-decoration: none;
}

If you want to change the background then edit the existing code you added to your Child Theme :

.desktop .sub-menu {
  background-color: #8e8e8c !important;
}

Hope this helps.

Cheers!

[gabriellavanrij]

That worked perfectly. Thank you so much!

[John Ezra]

You’re most welcome! 🙂

[Author]

Posts