Still Need Help – Bottom of logo cutting off

[SamBell]

Hi there, I asked about this recently here on the forum and someone said I need to adjusting the size of the slider earlier in your media queries, but I don't know how to! More help would be appreciated!

I am working on sambellcreative.com/doulacare_ts and when you are reducing the screen size, there is a point that the main site image overlaps on the logo and cuts the bottom of the logo off before the logo reduces in size. Is there any way to stop this? Perhaps a way to make the logo reduce size sooner?

Here is a screenshot:

Thanks!
Sam

http://sambellcreative.com/doulacare_ts

[Christoph]

Hi Sam,

how about adding some margin to the .site-inner?
Around line 2094 you could add margin: 25px auto;
and then reduce it around line 2226 (by adding .site-inner with margin: 0 auto;)

On a side note, at 770px and 769px width the menu switches to mobile but it is expanded (and cannot be collapsed).
At 768px the menu is "behind" the hamburger symbol.
In Firefox clicking the arrow on the expanded menu below 768px triggers the Home menu link and reloads the page.
In Chrome it collapses the menu as expected...

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[SamBell]

Thank you Christoph! That fixed the problems - I am not sure how to fix the menu issues though!

[Author]

Posts