Social Media Icons

Home Forums Hotel Pro Social Media Icons

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #174501
    Werner IngramWerner Ingram
    Participant
    • Topics: 3
    • Replies: 11
    • Total: 14
    Member since: December 2, 2020

    Hi

    I would like to move the social media icons on the mobile version of my website, it is making the header bar to big (in height). If possible can someone please help me to move them onto the same line as the telephone number. So there should be a total of 3 lines, the address, the email, the telephone and icons.

    http://www.hybriddevtest.co.za/

    #174505
    Werner IngramWerner Ingram
    Participant
    • Topics: 3
    • Replies: 11
    • Total: 14
    Member since: December 2, 2020

    http://hybriddevtest.co.za/home-5/

    #174512
    Werner IngramWerner Ingram
    Participant
    • Topics: 3
    • Replies: 11
    • Total: 14
    Member since: December 2, 2020

    www.hybriddevtest.co.za/home-5/

    #174527
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    We checked, It’s already in line 3.

    Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Dave

    #174572
    Werner IngramWerner Ingram
    Participant
    • Topics: 3
    • Replies: 11
    • Total: 14
    Member since: December 2, 2020

    https://ibb.co/tL9V4gZ

    #174610
    Werner IngramWerner Ingram
    Participant
    • Topics: 3
    • Replies: 11
    • Total: 14
    Member since: December 2, 2020

    If possible at the same time, can that book now button bottom edge be touching (in-line) with the image. It is fine on desktop, but mobile it has that gap that you can see the image under it.

    #174656
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

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

    @media screen and (max-width:479px) {
    .slider-main .slidebtn { bottom:0 !important;}
    .slider-main .slidebtn a { float:left;}
    span.emltp { margin-right:0 !important; width:100% !important; display:table !important;}
    span.emltp br { display:none !important;}
    .head-info-area .center { width:100% !important;}
    }
    
    @media screen and (min-width:480px) and (max-width:767px) {
    .slider-main .slidebtn { bottom:0 !important;}
    .slider-main .slidebtn a { float:left;}
    span.emltp { margin-right:0 !important; width:100% !important; display:table !important;}
    span.emltp br { display:none !important;}
    .head-info-area .center { width:100% !important;}
    }

    Regards,
    Dave

    #175207
    Werner IngramWerner Ingram
    Participant
    • Topics: 3
    • Replies: 11
    • Total: 14
    Member since: December 2, 2020

    Hi again

    Sorry but my button on the main header is not working since you gave me the new css code to insert. It is the BOOK NOW button on the home page header, it is supposed to direct to https://book.nightsbridge.com/16825

    This is the current CSS I have for the site, please let me know what to change and what to keep as I have a few things that you customized.

    @media screen and (max-width:767px) {
    #simple-menu {
    position: relative;
    z-index: 9999999;
    }
    .emltp br {
    float: left;
    }
    }

    .header_wrap.layer_wrapper {
    position: sticky !important;
    top: -50px;
    z-index: 9999;
    }
    span.desc {
    color: transparent;
    }
    #topmenu {
    position: relative;
    z-index: 999;
    }
    @media screen and (max-width:479px) {
    .slider-main .slidebtn { bottom:0 !important;}
    .slider-main .slidebtn a { float:left;}
    span.emltp { margin-right:0 !important; width:100% !important; display:table !important;}
    span.emltp br { display:none !important;}
    .head-info-area .center { width:100% !important;}
    }

    @media screen and (min-width:480px) and (max-width:767px) {
    .slider-main .slidebtn { bottom:0 !important;}
    .slider-main .slidebtn a { float:left;}
    span.emltp { margin-right:0 !important; width:100% !important; display:table !important;}
    span.emltp br { display:none !important;}
    .head-info-area .center { width:100% !important;}
    }

    #175215
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30927
    • Total: 30927
    Member since: August 16, 2013

    Hi,

    Okay, Kindly go to Appearance >> Customize >> Basic >> Front Page >> Slider >> Find Slide Link.

    Regards,
    Dave

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