Appearance in mobile CSS

Tagged: , , ,

This topic contains 0 replies, has 1 voice, and was last updated by   Yvan Neault 3 weeks, 3 days ago.

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.