Hotel Booking Problem Secition Rooms Problem

[Carlos Raez Campos]

Hi i have problems noww other time but now only at table mode…. you can se the slider and the rooms…

https://www.casavicenta.es/
https://www.casavicenta.es/login
user:test
pass:test

i want see in two colums…
https://imgur.com/peUlNdO

slider
https://imgur.com/CXMjXyj

thanks!
Regards Carlos

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (min-width:480px) and (max-width:767px) {
.bx-wrapper { max-width:inherit !important;}
.ourroomsslider { width:100% !important;}
.ourroomsslider li { width:46% !important; margin-right:15px !important;}
.ourroomsslider .clear { display: none !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.slidebtn { width:auto !important;}
}

Regards,
Dave

[Carlos Raez Campos]

Hi thanks so much

but the rooms at ipad dont see good…….
https://imgur.com/OHIdn6d

thanks!
Regards
Carlos

[Sonnal S Sinha]

Hi,

Remove CSS:

@media screen and (min-width:480px) and (max-width:767px) {
.bx-wrapper { max-width:inherit !important;}
.ourroomsslider { width:100% !important;}
.ourroomsslider li { width:46% !important; margin-right:15px !important;}
.ourroomsslider .clear { display: none !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.slidebtn { width:auto !important;}
}

And This New CSS:

@media screen and (min-width:480px) and (max-width:1023px) {
.bx-wrapper { max-width:inherit !important;}
.ourroomsslider { width:100% !important;}
.ourroomsslider li { width:46% !important; margin-right:15px !important;}
.ourroomsslider .clear { display: none !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.slidebtn { width:auto !important;}
}

Regards,
Dave

[Author]

Posts