Appearance in mobile CSS

  • This topic has 0 replies, 1 voice, and was last updated 1 year ago by Yvan Neault.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #807636
    Yvan Neault
    Participant

    Hi guys,

    I think I reached my limits! and not good enough with CSS. I want that it the booking search form looks vertical on the mobile version and horizontal on the desktop version. Anyone can help?
    This is the code that I put in my CSS

    ul.main-menu li.header-search {
    display: none;
    }

    .mphb_sc_search-check-in-date,
    .mphb_sc_search-check-out-date,
    .mphb_sc_search-adults,
    .mphb_sc_search-children,
    .mphb_sc_search-submit-button-wrapper
    {
    float: left;
    width: 20%;
    padding-right: 10px;
    }

    .search:after {
    content: ”;
    display: block;
    clear: both;
    }

    .mphb_sc_search-submit-button-wrapper
    {margin-top:28px}

    thank you

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.