Docs

[helmaT]

Hi,
I’m currently working on http://www.koopmansendop.nl, ETHOS theme, and I would like to change some things.
Would like to:
# 1 have less space inbetween the navbar headings
# 2 have a bit more letter spacing in the navbar headings
# 3 have the hamburger menu on the mobile version appear on the right instead of in the middle.
Hope you can help me with that!
Much obliged &
greetz, h

[Zeshan]

Hi Helma,

Thanks for writing in!

Your website is currently in under construction mode, would you mind disabling it or providing us with your WordPress login credentials so that we can take a closer look to your setup? Please don’t forget to select Set as private reply to ensure your data remains hidden from other users.

Thanks!

[helmaT]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for the login.

1. and 2. Add this css at your customizer’s custom css under Admin > Appearance.

.x-navbar-inner .x-container.max.width {
width: 100%;
max-width: 95%;
}
.x-navbar .x-nav-wrap .x-nav > li > a {
letter-spacing: 3px;
}

3. And this too,

.x-btn-navbar {
margin-top: -140px;
float: right;
}

Hope this helps 🙂

[helmaT]

great & it works! thanks again!
h

[John Ezra]

You’re most welcome!

[helmaT]

Hi,
There seems to be a problem with the the koopmansendop.nl website. The hamburger menu(on smartphones and tablets) has disappeared … Can you please take a look at the site and tell me what has happended? It was supposed to show on the right side op the page.
Thanks!
H

[Thai]

Hi There,
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-btn-navbar.collapsed {
color: rgba(44, 39, 39, 0.35);
}
.x-btn-navbar.collapsed:hover {
color: #383636;
}

Hope it helps.

[helmaT]

Hi,
Thank you!
It helped, but now it’s in the middle again… 😉 Ans the client likes it to be on the right …
Can I use this code:
.x-btn-navbar {
margin-top: -140px;
float: right;
}
at the same place? I tried it, but then the hamburger disappeared again…
greetings,
h

[Thai]

Hi There,
Yes, you can use that code, should add new CSS code instead of removing them.

.x-btn-navbar {
margin-top: -110px;
float: right;
}

Hope it helps.
Thanks

[helmaT]

Hi you!
Ok!!!! It’s there again! Happy!
Thanks a lot! One small question left… can I make it a bit bigger? just a tiny bit… •Wonders•
lots of greetings,
h

[Nico]

Hi There,

No Worries. You can add this in your Customizer’s Custom CSS:

.x-navbar .mobile .x-nav li > a{
font-size:20px;
}

note:adjust 20px to adjust font size.

Hope it helps.

Cheers!

[helmaT]

Thanks a lot!!!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts