Help making header menu responsive

  • Hey all, I am pretty new at this and this will be my first post here! I am really struggling to make the header section responsive in mobile, I like the way it looks on desktop but in mobile, specifically:

    1) I cannot figure out how to tighten up the drop-down menu, so it is not spread completely across the page with the button on the far right and text on the far left.

    2) I cannot figure out how to make the background opaque-to-fade like it is on desktop.

    I like the way it looks otherwise, any help is very much appreciated!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Di Themes

    (@dithemes)

    Hi

    All parent menu items will display on desktop and toggle button will be display on small device. when you will click on toggle button, all parent menu items will be display. menu will work on hover even for desktop and click event on small devices.

    You can find sticky menu options, here : Appearance > Customize > Di Restaurant Options > MISC. Options.

    Thanks

    Thread Starter kmgraffeo

    (@kmgraffeo)

    Hello @dithemes thank you very much for your response. Unfortunately I looked under Misc. Options and this does not solve my problem.

    Please visit my site on mobile: https://www.santiagoslatincuisine.com

    Click the for the drop-down menu and it is set to the entire width of the page – with the menu text all the way on the left, and the button all the way on the right. I would much prefer the drop-down menu drop directly below the button, giving it a more organized appearance.

    Also, on desktop the header background is a nice gray that fades as the user scrolls, but this does not happen on mobile. Is there any way I can make this feature responsive?

    Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help making header menu responsive’ is closed to new replies.