Navigation
Archive / hamburger menu on the right / less space inbetween navbar words
This is archived content. Visit our new forum.
  • Author
    Posts
  • February 5, 2015 at 4:38 am #199550

    helmaT
    Participant

    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

    February 5, 2015 at 12:48 pm #199886

    Zeshan
    Member

    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!

    February 6, 2015 at 11:58 am #200598

    helmaT
    Participant
    This reply has been marked as private.
    February 6, 2015 at 11:10 pm #200929

    Rad
    Moderator

    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 🙂

    February 9, 2015 at 9:48 am #202349

    helmaT
    Participant

    great & it works! thanks again!
    h

    February 9, 2015 at 2:52 pm #202574

    John Ezra
    Member

    You’re most welcome!

    March 9, 2015 at 7:22 am #223331

    helmaT
    Participant

    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

    March 9, 2015 at 8:18 am #223371

    Thai
    Moderator

    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.

    March 9, 2015 at 9:22 am #223449

    helmaT
    Participant

    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

    March 9, 2015 at 9:53 am #223473

    Thai
    Moderator

    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

    March 9, 2015 at 11:22 am #223538

    helmaT
    Participant

    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

    March 9, 2015 at 1:49 pm #223631

    Nico
    Moderator

    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!

    March 10, 2015 at 9:20 am #224281

    helmaT
    Participant

    Thanks a lot!!!

    March 10, 2015 at 9:36 am #224307

    Darshana
    Moderator

    Glad we were able to help 🙂

  • Author
    Posts