Same issue as public ticket #1447299. I applied the CSS code suggested in that (see below) but it didn't work. When you scroll down the space disappears, but when the page first loads the space is showing (I can confirm it's background space as the colour of it changes with the "Overall Background colour" setting).
And this space only shows when the "Disable Transparency From Navigation" option is selected on the page.
thanks, I changed to the Material skin which fixed the white space, thanks for that. however now the CSS code I had to manipulate the navigation items (see below) doesn't seem to work anymore? what should I change it to?
this CSS was already on the site from the previous designer, it was meant to keep the navigation in the centre of the header on the home page and push the navigation to the right on all other pages.
I tried removing it all and changing the header layout so that the navigation is to the right, which is fine, but then how do I make the navigation on the home page align in the centre of the header?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Same issue as public ticket #1447299. I applied the CSS code suggested in that (see below) but it didn't work. When you scroll down the space disappears, but when the page first loads the space is showing (I can confirm it's background space as the colour of it changes with the "Overall Background colour" setting).
And this space only shows when the "Disable Transparency From Navigation" option is selected on the page.
#page-header-wrap~.container-wrap { margin-top: 0px !important; padding-top: 0px !important; }Hey Again,
See Screenshot : http://prntscr.com/i9h8j7 . You need to turn off the Header Resize Option or Switch to the new Material Skin .
Be.st
ThemeNectar Support Team
thanks, I changed to the Material skin which fixed the white space, thanks for that. however now the CSS code I had to manipulate the navigation items (see below) doesn't seem to work anymore? what should I change it to?
body nav {
float: right;
}
body.home nav{
float: none;
}
Hey Again,
What exactly are you trying to do with this css ? .
Best
ThemeNectar Support Team
Hi Tahir,
this CSS was already on the site from the previous designer, it was meant to keep the navigation in the centre of the header on the home page and push the navigation to the right on all other pages.
I tried removing it all and changing the header layout so that the navigation is to the right, which is fine, but then how do I make the navigation on the home page align in the centre of the header?
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1001px) { body.material #header-outer[data-format="centered-menu"] header#top .span_9 nav ul.sf-menu { -webkit-justify-content: flex-end !important; -moz-justify-content: flex-end !important; -ms-flex-pack: flex-end !important; -ms-justify-content: flex-end !important; justify-content: flex-end !important; } }Thanks
ThemeNectar Support Team
Thanks that moves it to the right, which is great. What do I put for the home page to not be affected by this code?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (min-width: 1001px) { body:not(.home).material #header-outer[data-format="centered-menu"] header#top .span_9 nav ul.sf-menu { -webkit-justify-content: flex-end !important; -moz-justify-content: flex-end !important; -ms-flex-pack: flex-end !important; -ms-justify-content: flex-end !important; justify-content: flex-end !important; } }Thanks
ThemeNectar Support Team
thanks that worked!