- This topic has 8 replies, 2 voices, and was last updated 3 years, 7 months ago by Sonl Sinha.
-
AuthorPosts
-
February 15, 2021 at 6:42 am #174501
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/
February 15, 2021 at 7:29 am #174505http://hybriddevtest.co.za/home-5/
February 15, 2021 at 9:47 am #174512www.hybriddevtest.co.za/home-5/
February 15, 2021 at 12:55 pm #174527Hi,
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,
DaveFebruary 16, 2021 at 7:06 am #174572https://ibb.co/tL9V4gZ
February 16, 2021 at 8:52 am #174610If 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.
February 16, 2021 at 1:34 pm #174656Hi,
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,
DaveFebruary 26, 2021 at 8:01 am #175207Hi 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;}
}February 26, 2021 at 11:47 am #175215Hi,
Okay, Kindly go to Appearance >> Customize >> Basic >> Front Page >> Slider >> Find Slide Link.
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.