Align .menu-toggle Left

Can you post a link to your site?

I apologize for leaving that out

https://tinyhousereport.com/

Please excuse the mess – I’m messing with theme rearrangement.

??

On line 203 of your child theme’s stylesheet, in the .menu-toggle section, change right: 0 to left: 0.

Brilliant!

I appreciate your help!

A quick question if I may…

The desktop view of the top menu uses an after css to display a down triangle. I would like to do the same thing in the mobile menu.

Possible?

Yes, but it requires an adjustment in two places. First, replace the section on line 145 with this:

.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after {
  -webkit-font-smoothing: antialiased;
  top: 12px;
  content: "\f502";
  font-family: "Genericons";
  position: absolute;
  margin-left: 5px;
}

And then. on line 182, in the section .site-navigation li { ... }, add:

position: relative;

Yikes!

Once again – on the money!

Thanks!

oops…

Hope I didn’t screw this up…

When I go to mobile view and expand the mobile menu it’s not pushing the content down the page – it’s just going over it.

Not quite sure what I did to cause this behavior.

Nothing immediately jumps out to me as problematic. What was the last thing you remember doing before this happened?

Pretty sure the last things was changing the size of the menu-toggle – I made it smaller.

Also, I was adjusting the header-main to make it smaller.

Can you remember exactly what you added or changed?

I’m sorry – no.

??

The culprit is the height: 38px on line 142 of your child theme’s stylesheet, in the .site-header { ... } section. Taking it out fixes the problem and it doesn’t appear to cause any other layout issues.

Man – you’re awesome.

Thank you spending your time on my issues!