several styling issues with mobile and desktop menu

[Max.Weinland]

Hello again,

I am having different issues with menu styling.

First issue: On the landing page of the website (https://goodbyefuture.com/) the menu is set to white to be visible against the background video. If you hover over menu points they become all caps (intended) but turn from white to black (not intended). The general setting in the customizer says, hover color for menu items is black (globally, intended except for the landing page). Does the customizer setting override the specific page settings/css and if so, what can I do about it?

Second issue: Menu styling and position. I am using menu style 1. I use the word menu instead of a burger icon. I want the word to be on the same horizontal line as the site title and to align left at 50% width. When it drops down, I want the word menu to appear like the first menu item and to have a vertical spacing between them that looks consistent with the words menu. I know I can’t do that with just the customizer, obviously. How should I approach this?

Thanks for your help,
Max

[arminunruh]

ok next version will include:

Second issue: Menu styling and position. I am using menu style 1. I use the word menu instead of a burger icon. I want the word to be on the same horizontal line as the site title and to align left at 50% width. When it drops down, I want the word menu to appear like the first menu item and to have a vertical spacing between them that looks consistent with the words menu. I know I can’t do that with just the customizer, obviously. How should I approach this?

can u do a quick sketch for me? not sure if i understand correctly

[Max.Weinland]

[Max.Weinland]

[Max.Weinland]

»Close«/»Menu« should sit at the same vertical line as the menu points and the same horizontal line as the site title. It should also sit in the same kind of box as the menu points with equal spacing etc.

[arminunruh]

ok can you send me the link i cant see it here https://goodbyefuture.com/

[Max.Weinland]

I’ve updated the site. You should be able to see it now. It currently looks like this, I’ve removed the lines:

[arminunruh]

This post is deleted!

[arminunruh]

This post is deleted!

[arminunruh]

ok i took a look, and you could just use this no?

if u just use the same value here:

[arminunruh]

on your site ure using 5% for the site title Space Top
and 14px for the menu icon Space Top it seems