Responsive Header (Nav) and Cover Image

  • mohinvest

    (@mohinvest)


    2 years ago

    Hi!

    I’m having quite a few issues trouble shooting the nav menu, header and cover image.

    1. The menu looks all strange on mobile. In addition, on desktop there is a wide gap between each nav item (Home, Murphy Beds, etc). In addition, I keep trying to move the button more to the right with no luck.
    2. Cover image with text seems to be unresponsive on mobile including the image, button and text.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • thelmachido a11n

    (@thelmachido)

    The menu looks all strange on mobile. In addition, on desktop there is a wide gap between each nav item (Home, Murphy Beds, etc). In addition, I keep trying to move the button more to the right with no luck.

    Hi @mohinvest if you right-align your menu items it is more likely that the button will be more on the right. To do this open your Navigation block settings, and make sure you set the Justification to the right as shown in the screenshot below.
    Additionally, can you please un toggle the option to Allow to wrap to multiple lines. This means the block will try to keep the menu items in one line which would reduce the space between the menu items.

    Cover image with text seems to be unresponsive on mobile including the image, button and text.

    The cover image, text and button seems to be responsive on my end, this is what I see on mobile. Are you hoping to have a different display ?

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Header (Nav) and Cover Image’ is closed to new replies.