Social Media Icons

[Werner Ingram]

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/

[Werner Ingram]

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

[Werner Ingram]

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

[Sonl Sinha]

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

[Werner Ingram]

https://ibb.co/tL9V4gZ

[Werner Ingram]

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.

[Sonl Sinha]

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

[Werner Ingram]

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;}
}

[Sonl Sinha]

Hi,

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

Regards,
Dave

[Author]

Posts