Search and responsiveness

CyberChimps Home Forums Pro Support for Plus Members iFeature Search and responsiveness

This topic contains 4 replies, has 2 voices, and was last updated by  Thomas Oliver 4 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #165569

    jradzik
    Participant

    Hi folks.

    Here’s a screenshot that shows the site I’m working on. Note the position of the search window.

    http://atman.net/work/1.png

    Here’s a screenshot showing the search window in a mobile-sized browser.

    http://atman.net/work/2.png

    I’m hoping for advice so I can get the search window to look correct in mobile-sized browser situations. Specifically, I’d like the search window to not cut off the top of the slider. Also, it would be great if it were centered in mobile configuration.

    Thanks in advance for the help.

    #165581

    Thomas Oliver
    Keymaster

    There’s something going on with your site, because it shouldn’t being doing that. When the mobile menu is there, the search field only appears when the mobile menu is dropped down.

    #165582

    Thomas Oliver
    Keymaster

    Oh, I forgot to mention, it might help if we could view your site directly.

    #165583

    jradzik
    Participant

    Hi Thomas.

    Thanks for the help. http://donc1.naturalserver.co.uk

    #165588

    Thomas Oliver
    Keymaster

    The reason it’s doing that is because you are not using the theme’s main menu navigation. You’re using what I believe is a commercial plugin for the menu. Couple of issues there. One that menu doesn’t seem to be working on smaller width screens and unless that plugin offers a way to include a search there you are limited in what you can do.

    If that is the theme’s search functionality, you could try turning it off and try using this plugin (if it works with your commercial menu plugin):
    http://wordpress.org/plugins/search-box-on-navigation-menu/
    To disable the theme’s search there, just go here:
    Appearance > Theme Options > Header > iMenu Options > Searchbar > OFF > Save Changes

    The only thing we could assist you with is hiding the search box on smaller screens. You can use this CSS to do that.

    @media screen and (max-width: 979px) {
      #searchform {
        display: none;
      }
    }

    http://cyberchimps.com/guide/design-custom-css/

    Since you’re using a commercial plugin for your menu, you might want to seek their support to see if there is a way to add a search field to their menu. We won’t be able to assist you with their plugin, sorry.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.