Title: Help making header menu responsive
Last modified: November 5, 2020

---

# Help making header menu responsive

 *  [kmgraffeo](https://wordpress.org/support/users/kmgraffeo/)
 * (@kmgraffeo)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhelp-making-header-menu-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Theme Author [Di Themes](https://wordpress.org/support/users/dithemes/)
 * (@dithemes)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/help-making-header-menu-responsive/#post-13628075)
 * 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](https://wordpress.org/support/users/kmgraffeo/)
 * (@kmgraffeo)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/help-making-header-menu-responsive/#post-13635438)
 * Hello [@dithemes](https://wordpress.org/support/users/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](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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/di-restaurant/1.8/screenshot.png)
 * Di Restaurant
 * [Support Threads](https://wordpress.org/support/theme/di-restaurant/)
 * [Active Topics](https://wordpress.org/support/theme/di-restaurant/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/di-restaurant/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/di-restaurant/reviews/)

## Tags

 * [customize header](https://wordpress.org/support/topic-tag/customize-header/)
 * [customize menu](https://wordpress.org/support/topic-tag/customize-menu/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 2 replies
 * 2 participants
 * Last reply from: [kmgraffeo](https://wordpress.org/support/users/kmgraffeo/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/help-making-header-menu-responsive/#post-13635438)
 * Status: not resolved