Support » Plugin: jQuery Responsive Select Menu » Fill screen width

  • Resolved 1timothy412

    (@1timothy412)


    How can I get the menu to fill the width of the browser window? Right now, it is only filling the length of the longest word in the menu. I would like it to go entire length of the screen as shown in the screenshots.

    Since my site is local, and I can’t add a screenshot, hopefully this helps to illustrate what I mean…

    It looks like this right now:
    ____________
    | ☰ Menu |▼|
    ____________

    I am trying to get it to look like this, filling the width of the screen (640px & lower):
    _______________________________________________________
    | ☰ Menu |▼|
    _______________________________________________________

    I’ve tried adding the following to my CSS without any results.

    .jrsm-label {
        	width: 100%;
    }

    and

    .jquery-responsive-select-menu {
        	width: 100%;
    }

    https://wordpress.org/plugins/jquery-responsive-select-menu/

Viewing 6 replies - 1 through 6 (of 6 total)
  • I see that my spacing was modified… for the second menu illustration, the drop down arrow should be at the end of the lines representing the top and bottom of the drop down.

    Plugin Author Mickey Kay

    (@mcguive7)

    Happy to help – any chance you can send me a link to your site so I can see specifically what’s being output? Thanks!

    Its a local WP install, so I am unable to send the link. I am using the theme BlankSlate. Any ideas of what I could try? I know CSS and HTML very well and understand an itty bit of PHP.

    I finally figured it out with Firebug. For anyone else looking for the solution, you need this CSS:

    .jquery-responsive-select-menu {
        	width: 100%;
    }
    Plugin Author Mickey Kay

    (@mcguive7)

    Sounds like you’re all set!

    Plugin Author Mickey Kay

    (@mcguive7)

    Marking this as resolved.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Fill screen width’ is closed to new replies.