Coding for Nav/Logo & Font

Site URL: https://www.msomertherapy.com/

Hey, hoping someone can help with this! The space between the logo & button on the top of the page is large both for desktop, and then significantly large for mobile. And fixing this header font on mobile? Any css recommendations? Thanks in advance!!

I saw it display quite well here

I can confirm there does seem to be spacing issues.

I was about to supply a potential solution but @bangank36's post makes me hesitant. If different folks are seeing substantially different renderings then I think we should try to trace that down before providing solutions as what works for one may not work for all.

I'm using Chrome on macOS. I used the mobile view feature in DevTools to view. bangank36 what about you?

And ec2018 what browser/OS combo are you using?

It's Edge / Windows

Just now, creedon said:

I can confirm there does seem to be spacing issues.

I was about to supply a potential solution but @bangank36's post makes me hesitant. If different folks are seeing substantially different renderings then I think we should try to trace that down before providing solutions as what works for one may not work for all.

I'm using Chrome on macOs. I used the mobile view feature in DevTools to view. bangank36 what about you?

And ec2018 what browser/OS combo are you using?

Mine Edge/Windows.

Just now, bangank36 said:

It's Edge / Windows

Mine Edge/Windows.

I am on  Chrome on macOs as well, I received some assistance so it does look better on the homepage but then is appearing off on all other mobile pages if you have any ideas on how to fix @bangank36 @creedon - thank you!!

I think I have found part of the problem.

I suspect these markdown-block CSS rule-sets are in Settings > Advanced > Code Injection > HEADER. These should be appended to Design > Custom CSS.

On Chrome/macOS this errant code is causing some extra weird space at the top of the page. After this is fixed I recommend pulling out any previous attempts at code to correct the problem because they are based on this weird circumstance and could now be causing their own set of problems.

Now with a fresh start if there is too much space, let us know and we can take a crack at reducing space.

Interesting I could occasionally see this markdown CSS briefly flashing at the upper left corner of the viewport. Never a good sign. But because it was going by so fast I had a hard time identifying who the culprit was.

So folks if you see strange text flashing across your screen when you first load your page you probably have some code in the wrong place.