Editing Header menu

scheerlinckbvba · Member · Aug 24, 2017 at 9:12 am
Copy link

Add topic to favorites
Hello, im using the Lodestar theme and im wondering if it would be possible to add a logo on the top left of the headermenu.

Also would it be possible to split up the header list items (on the right side of the header)?

Can i add another list item so in wich i have more then the two standard options ?

I am using the premium version of WordPress so I can edit the CSS

Thank You

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 25, 2017 at 2:37 am
Copy link
Hi, with some of the other changes you have made, doing an image on the top left is a bit of a challenge. Give this a try and see what you think.
```
.has-top-content .main-navigation {
  background: url('https://scheerlincksite.files.wordpress.com/2017/08/cropped-logo.jpg') no-repeat scroll left top / auto 100px transparent;
  padding-left: 100px;
  min-height: 100px;
}
```
I also notice that you have set your menu toggle so that when the touch menu activates, it is not visible. To make that visible, either add the following, or find your .menu-toggle rule in your CSS and edit the color and background color so that it is visible.
```
.menu-toggle {
  color: #000;
  border: 1px solid #000;
}
```
scheerlinckbvba · Member · Aug 25, 2017 at 9:34 am
Copy link
Thank you very much on this matter. Everything works as intented and is a step closer to be more optimized.

Thank you very much for the CSS code
kathrynwp · Staff · Aug 25, 2017 at 4:12 pm
Copy link
Glad things are looking as you want now! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

No items found.