Job

While I was in the right direction, I just messed aroud a bit and came to the solution.

To know which part the theme picked in de style.css I right-clicked and inspected element. This triggered or toggled the menu icon.

If you want to change the color of the menu icon on mobile:

STANDARD:

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

ADD ” .navbar-default .navbar-toggle:,”

.navbar-default .navbar-toggle:,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

And change ‘transparent’ to the colour you want, lets say white:

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #FFFFFF;
}

I’m sorry, got it!

My website is https://www.pthaarlem.nl

Thanks a lot!

And how do I add this border?

So I went to left click on an submenu item, “inspect element” and find out which style the item did belong.

My code:

#nav-second ul.sf-menu ul li a:hover {color: #000000
}

I’m starting to understand this now, but imagine I have the second menu, and the sub menu. If i’m hover over that second menu all the text appears white.
With custom CSS is should be:

#nav-??? ????? a:hover {color: #000000
}

What have I to say at the question marks?

Thanks a lot!

I had to select ‘Fullwidth’ when I was editing the page manually. Thanks a lot! And problem solved in 10 minutes!

5/5 stars from me guys!

I have already selected this:

View post on imgur.com

Where can I find fullwidth?

Thanks a lot, I just added it to my advanced settings in theme options, worked great!

I just picked this nickname because my standard one was already token…