Title: Menu overlapping logo
Last modified: August 22, 2016

---

# Menu overlapping logo

 *  Resolved [april](https://wordpress.org/support/users/aprilmaynard/)
 * (@aprilmaynard)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/)
 * Hi Peter,
 * I love this plugin – it’s beautiful. I just have one issue that I can’t seem 
   to figure out. My menu is overlapping my logo, when the screen size hits anything
   below 490px. I’d love to be able to have it drop under the logo and display as
   text, instead of a button – I have no idea if that’s super complicated, or something
   built into the plugin, or what.
 * What do you think? I’m fairly good with editing existing code, but I’m terrible
   at writing it from scratch.
 * Any help you could offer would be great.
 * Thank you!
 * [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/)

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

 *  [peterfeatherstone](https://wordpress.org/support/users/peterfeatherstone/)
 * (@peterfeatherstone)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/#post-5184536)
 * Hi April,
 * First of all thanks for downloading, using and your kind comments and review,
   they are all very much appreciated!
 * You could create a target for the button in your themes style.css file, something
   like the below to target it below 490px:
 *     ```
       @media only screen and ( min-width : 0px ) and ( max-width : 490px ) { 
   
            #click-menu
            {
                  // CSS Code to change
            }
   
            #click-menu .threeLines .line
            {
                 display: none !important;
            }
   
       }
       ```
   
 * The above should hide the lines, just leaving the text and you can put different
   values for the top, left, right and bottom values where I have put the comments
   to place it where you would like it at this point.
 * Please let me know if the above works for you and if not please provide your 
   site URL so I can take a look at it further for.
 * Many thanks
 * Peter
 *  Thread Starter [april](https://wordpress.org/support/users/aprilmaynard/)
 * (@aprilmaynard)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/#post-5184637)
 * Hi Peter,
 * That didn’t solve the issue for me, but it might work for another user. I suspect
   the issue is probably to do with something I’ve changed, and I’m sure I’ll get
   it figured out. Thank you for your help, either way!
 *  [peterfeatherstone](https://wordpress.org/support/users/peterfeatherstone/)
 * (@peterfeatherstone)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/#post-5184640)
 * Hi April,
 * What did you put instead of `// CSS Code to change` in my example above?
 * As I said, please provide the URL and I will take a look at what exactly you 
   need to change.
 * Many thanks
 * Peter
 *  Thread Starter [april](https://wordpress.org/support/users/aprilmaynard/)
 * (@aprilmaynard)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/#post-5184641)
 * I’ll PM you 🙂
 *  [peterfeatherstone](https://wordpress.org/support/users/peterfeatherstone/)
 * (@peterfeatherstone)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/#post-5184647)
 * Hi April,
 * Thanks for your email and no need to sound embarassed, thats why Im here to help
   with CSS/JS/PHP etc. questions in regards the plug-in.
 * I will reply here, just so that it can potentially help other users in the future
   who may be having the same problem.
 * It appears that you didn’t replace the comments I gave you with any actual CSS.
   I have just looked at your site and the following makes the menu drop down below
   the logo and removes the lines.
 *     ```
       @media only screen and ( min-width : 0px ) and ( max-width : 490px ) { 
   
            #click-menu
            {
                  top: 80px !important;
            }
   
            #click-menu .threeLines .line
            {
                 display: none !important;
            }
   
       }
       ```
   
 * If you would like text to display instead, you will need to set the text from
   the admin area as you don’t currently have any text setup and then we can work
   on this part once done.
 * Please let me know how the above displays for you, you can replace what you already
   have in there.
 * Also, thanks very much for your kind words about me, the plug-in and the website,
   they are all very much appreciated!
 * Many thanks
 * Peter

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

The topic ‘Menu overlapping logo’ is closed to new replies.

 * ![](https://ps.w.org/responsive-menu/assets/icon-256x256.png?rev=1782326)
 * [Responsive Menu - Create Mobile-Friendly Menu](https://wordpress.org/plugins/responsive-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/responsive-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/responsive-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/responsive-menu/reviews/)

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [peterfeatherstone](https://wordpress.org/support/users/peterfeatherstone/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/menu-overlapping-logo/#post-5184647)
 * Status: resolved