Hotel Booking Problem Secition Rooms Problem

Home Forums All Other Themes Hotel Booking Problem Secition Rooms Problem

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #143981
    Carlos Raez Campos
    Participant
    • Topics: 102
    • Replies: 89
    • Total: 191
    Member since: May 17, 2018

    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

    #144098
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25267
    • Total: 25267
    Member since: August 16, 2013

    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

    #144125
    Carlos Raez Campos
    Participant
    • Topics: 102
    • Replies: 89
    • Total: 191
    Member since: May 17, 2018

    Hi thanks so much

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

    thanks!
    Regards
    Carlos

    #144129
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25267
    • Total: 25267
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.