WordPress.org

Forums

Responsive Select Menu
[resolved] Padding at the top of menu (4 posts)

  1. jenrstretch
    Member
    Posted 1 year ago #

    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: homestretchmktg.com

    Thanks for such a great plugin!

    Jen

    http://wordpress.org/plugins/responsive-select-menu/

  2. sevenspark
    Member
    Plugin Author

    Posted 1 year ago #

    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 {
    	top:auto;
      }
    }

    Hope that helps! :)

    Chris

  3. jenrstretch
    Member
    Posted 1 year ago #

    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.

    Thanks,
    Jen

  4. sevenspark
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome, glad it helped! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Responsive Select Menu
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic