Issue with Menu spacing

Hi there,

For question 1, it's because you have this CSS:
https://www.screencast.com/t/AB4JXxOg

Try remove this part of CSS.

For question 2, go to appearance > elements, there should be a block element - hook that is usinggenerate_menu_bar_items hook.

You can delete this block element to remove the icon.

Once you've done that, you can remove some more CSS from customizer > additional CSS:
https://www.screencast.com/t/uLpu6CmQz8Oi

Let me know if you need further assistance :)

Hi, thanks these two issues are sorted. but when I made those changes, the logo at the top got aligned to left (it was in the center before)

Further, please check mobile version, The logo and the menu is misaligned. Cannot figure that out too.

Lastly, I am not getting any option on the Block editor to hide the featured image to be shown at top of the page. The customizer>Layout does not show any option either.

the logo at the top got aligned to left (it was in the center before)

Ah I see, it's hard to maintain the height when there's no other items in the navigation.
Let's try add the CSS back with a little modification:

#site-navigation .navigation-branding .site-logo {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 0;
}
@media (min-width: 769px) {
nav#site-navigation {
    height: 150px;
}
}

To turn off the featured image, you can do so in the page editor:
https://docs.generatepress.com/article/disable-elements-overview/

Let me know if you need further assistance :)

Hi, the code you mentioned did now work.

Also, in disable elements, the only option i see is "disable Title". There is no other option shown (and that is what is confusing) .

Hi, the code you mentioned did now work.

Do you want the logo to align center? It is aligned center:
https://www.screencast.com/t/cNX63DDk

For the disable elements, can you make sure the Disable elements module is activated at Appearance > GenearatePress?

Let me know :)