Search fields not proportional to the screen

  • Resolved saksaksak

    (@saksaksak)


    8 years, 7 months ago

    Hi,
    I have noticed that when the site is viewed on a mobile phone (e.g. on a Samsung S2), the width of the search fields (place & adress) get too short (shorter than the available place). Is there a way to make them instead display in two lines (e.g. place top and address underneath) only on the mobile view?
    Best.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Paolo

    (@paoltaia)

    Hi,

    this seems like a css bug that we didn’t notice before.

    I’ve flagged this for the developers who will fix it for next release.

    We’ll let you know asap.

    Thanks

    I have added some styles in directory starter theme. It will be available in next version. You can use a child theme and add these styles in your child theme’s style.css file.

    @media (max-width: 420px) {
  .geodir_full_page .geodir-search input[type="text"] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .geodir_full_page .geodir-search select ,
  .geodir_full_page .geodir-search input[type="button"],
  .geodir_full_page .geodir-search input[type="submit"] {
    margin-left: 0;
    margin-right: 0;
  }
  .geodir_full_page .geodir-loc-bar-in {
    padding: 10px;
  }
}
    Thread Starter saksaksak

    (@saksaksak)

    Thank you to both of you. It would be great if this would come is also in the next release.
    Best Regards.

    Theme Author Paolo

    (@paoltaia)

    It will,

    thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Search fields not proportional to the screen’ is closed to new replies.