Move Button and Icon in Mobile Header

Hi there,

I have managed to add my button and icons to my mobile header but I am now stuck with how to move them as they are not in line. Any help/Custom CSS to amend this issue? Also need to add my menu back to the header if possible.

Website is https://pepper-brass-wdrd.squarespace.com/. Access password is HD21996.

You mean move email icon down, to align with underline?

On 5/18/2023 at 9:07 AM, tuanphan said:

You mean move email icon down, to align with underline?

Ah, the website has changed slightly since my post. I would ideally want the phone icon to look the same as the email icon.

The issue I am having with both versions is that one of them is a social link (the email) and one is a button (the phone) and I can't seem to get them to look and act the same. I also would like to keep the hamburger menu button on the mobile version, but I understand if that is a bit of a squeeze on the mobile header.

I see you figured it out?

On 5/22/2023 at 3:07 AM, tuanphan said:

I see you figured it out?

I thought I had, and I have just gone back on to delete the added font family from my code as the client does not want it anymore and it has broken my coding for the button - not sure why as the font family coding was separate from this. Any thoughts?

On 5/29/2023 at 3:21 AM, HD21996 said:

I thought I had, and I have just gone back on to delete the added font family from my code as the client does not want it anymore and it has broken my coding for the button - not sure why as the font family coding was separate from this. Any thoughts?

Which code did you use? We can check & test it easier