Announcement

Collapse
No announcement yet.

Responsive html dropdown list (mobile and desktop)

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Responsive html dropdown list (mobile and desktop)

    I have a Italian based language site: http://www.appuntimania.com with informations about different topics.

    I want to implement a simple html dropdown list (mobile and desktop) for my site on pages like this on the right side of the site
    http://www.appuntimania.com/umanisti...no/index17.php
    But the dropdown shold be SMALL on MOBILE and bigger on desktop or tablets

    I want to add a new dropdown box to select category before search button is hitted.

    How can i do that?

    I need some html/css code suggestions, to make this.

    Thanks all

  • #2
    What you are searching for are media-queries.

    @media(max-width:767px){}
    @media(min-width:768px){}
    @media(min-width:992px){}
    @media(min-width:1200px){}

    the smallest will work on mobile devices, the others are for different screen sizes. Maybe you will need only the 767 as you want changes on mobile devices
    Suchmaschinenoptimierung, Templating & Webentwicklung Blog
    Produkt Tests & Geschenkideen

    Comment

    Working...
    X