Title: Menu Icon Position
Last modified: August 22, 2016

---

# Menu Icon Position

 *  Resolved [RupertH2O](https://wordpress.org/support/users/ruperth2o/)
 * (@ruperth2o)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/menu-icon-position/)
 * Hi. First thanks for this great job. Your plugin is really very very useful.
   
   I’d like to post some questions about the position of menu icon. If you need 
   to put this in some particular area of your page (header.php or others) you need
   to fix something, at least that’s what I had to do to ensure that the menu icon
   will be **visible in a particular area of my header** (I’m using Formation theme,
   but this I think is irrilevant).
 * 1) On your css style you need to add:
    #click-menu { display: block; float: none;
   position: relative !important; top: auto !important; bottom: 30px !important;}
   This in order to change from absolute to relative position, otherwise the icon
   is always shown on top-right position. Set on bottom (or could be also top) the
   right value in order to fit your requirements.
 * 2) You need also to fix IE problems. Add to your css style:
    /* IE10+ ———– */
   [@media](https://wordpress.org/support/users/media/) all and (-ms-high-contrast:
   none), (-ms-high-contrast: active) { #click-menu { display: block; float: none;
   position: relative !important; top: auto !important; bottom: 3px !important; }}
   Also in this case on bottom put your right value according to the particular 
   graphic needs.
 * 3) Then you need to fix IPad display. On your css style add:
    /* iPads (portrait
   and landscape) ———– */ [@media](https://wordpress.org/support/users/media/) only
   screen and (min-device-width : 768px) and (max-device-width : 1024px) { #click-
   menu { display: block; float: none ; position: relative !important; top: auto!
   important; bottom: auto !important; } }
 * That’s all and everything works fine.
    Cheers
 * [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/)

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

 *  Thread Starter [RupertH2O](https://wordpress.org/support/users/ruperth2o/)
 * (@ruperth2o)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/menu-icon-position/#post-5478233)
 * Sorry I forgot to clarify that the need was to place the menu icon on header.
   php using **shortcode** property.
 *  [peterfeatherstone](https://wordpress.org/support/users/peterfeatherstone/)
 * (@peterfeatherstone)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-icon-position/#post-5478516)
 * Hi Rupert,
 * Using the shortcode requires specific CSS as you have mentioned to be added to
   a users style.css file in their theme folder.
 * Unfortunately, I can’t know all the cases that a user will require the menu to
   be used in, however it is easily customisable using theme css files.
 * Many thanks
 * Peter

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

The topic ‘Menu Icon Position’ 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

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

 * 2 replies
 * 2 participants
 * Last reply from: [peterfeatherstone](https://wordpress.org/support/users/peterfeatherstone/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/menu-icon-position/#post-5478516)
 * Status: resolved