WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. jenrstretch
    Member
    Posted 6 months 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 5 months 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 5 months 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 5 months ago #

    You're welcome, glad it helped! :)

Reply

You must log in to post.

About this Plugin

About this Topic