Hello,@lostdata!
The next codes should help you with that:(insert it into Customizing->General-> Additional CSS)
.sticky-header.sticky-header-shrink {
position: relative!important;
}
.home .sticky-header.sticky-header-shrink {
position: fixed!important;
}
https://prnt.sc/lw419s
Regards
Hello team support 🙂
I actually have same issue as you can see if you scroll down there is gap between the menu and above space in the page. (I tried the code provided above, did not work)
Can it not show like when scroll down I want the menu to come down with me, but no gap attached to the page when coming down.
second issue is when i scroll all the way to the up, the logo becomes slightly bigger and the menu itself slightly go down, but if i start scrolling down it resize itself and become perfect lining. I want the same space and lining of the logo and menu to be when i scroll all the way up.
Please help with that.
main website page
-
This reply was modified 7 years, 2 months ago by
bartglobe.
-
This reply was modified 7 years, 2 months ago by bartglobe.
Hello,@bartglobe!
To solve the first problem,enter the following codes in
Customizing->General->Additional CSS:
.sticky-header-shrink{
top:0!important;
}
To have the same header size on the scrolling, go to the
Customizing ▸ Header ▸ General menu and turn off the “Header Shrinking”.
https://prnt.sc/mo16cc
Adjust the logo image size according to your wish using the following code:
.logo{
max-height:65px!important;
}
Regards
Oh, Thank you so much it is working. 🙂
If you do not mind I have two more questions:
1- when i try to put a slider or an image,I want it to be full width like the dlifer in the Home page “front page” , but no matter how i try to resize it or enlarge the width it does not want?
2- the social icons in the footer i want to replace it with the colored social icon, for example twitter will be the same logo for twitter and facebook will be the same logo for Facebook and so on also there is two things is not listed there like WeChat or WhatsApp how can i add them as well?
Contact us page
Hello,@bartglobe!
1. We are working on improving the slider so that in the future there will be more options for adjustment. Until then, I think this plugin could help you: Smart-slider-3
2. For that you want, I think the easiest way is to disable the social Icons on the footer from the Customizing->Footer->General menu,
https://prnt.sc/mo3cbx,
then insert the Social Icons in the footer widget area, using one of the following Plugins:
Social Icons Plugins
Regards
Hello themevision,
Thank you for social icon suggestion. It is very nice and helpful.
Regarding, the issue with image or slider to be full width in the page. I tried smart slider 3 but when i choose full width the picture it goes out of control, i try to resize the picture and try to modify the width in the setting but not working. Any more suggestions?
Thank you
Hi,@bartglobe!
Try to insert the next code into Customizing->General->Additional CSS:
.cameraSlide img{
max-height:100%!important;
width:auto!important;
margin-top:0px!important;
left: 50%!important;
transform: translatex(-50%);
}
Regards
