Appearance in mobile CSS

[Yvan Neault]

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

[Author]

Posts