Support » Plugin: Responsive Select Menu » Padding at the top of menu

  • Resolved jenrstretch


    I love this plugin and it’s made my site 100% easier for mobile!

    Quick question – there seems to be quite a bit of padding between my logo and the menu. Can you tell me what part of the CSS I should tinker with to try to adjust this?

    Also, on the homepage, the menu is over lapping with some of the text, so I’d like to tinker there too.

    I’m by no means a developer, but if you can point me in the right direction, I can adjust the values until its positioned right.

    My site for reference is:

    Thanks for such a great plugin!


Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author sevenspark


    Hi Jen,

    That’s actually due to this code in your theme’s style.css:

    .menu-header {
      z-index: 9999;
      width: 650px;
      height: 20px;
      position: relative;
      top: 60px;
      right: 0;
      float: right;

    Specifically the top value.

    You could use this CSS to space it naturally at responsive sizes:

    @media screen and (max-width: 970px){
      .menu-header {

    Hope that helps! 🙂


    Chris –

    Thank you SO much! I did exactly what you said and it looks perfect in mobile now. I appreciate you taking to answer this so specifically.


    Plugin Author sevenspark


    You’re welcome, glad it helped! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Padding at the top of menu’ is closed to new replies.