Hi,

After installing version 4.5, I have an issue with the Nectar slider on the frontpage.

I previously centered the header using this code I got from you:

header#top nav {
text-align: center!important;
}

header#top nav > ul {
float: none!important;
display: inline-block!important;
}

body #header-outer .span_9, body #header-outer .span_3 {
display: block!important;
float: none!important;
margin: 0!Important;
width: 100%!important;
}

header#top #logo img {
margin: 0 auto 20px auto!important;
}

@media only screen and (min-width : 1px) and (max-width : 1000px) {
#page-header-bg[data-parallax="0"] {
margin-top: -25px !important;
}
}

header#top nav ul #search-btn {
display: none!important;
}

That was working fine, but after installing 4.5, it looks like the Nectar slider "crawled up" under the header about 100px.

Can you help me solve this?

I have found a quick fix, that corrects one view by adding a 150px top padding on the slider. This however generates issues in mobile view.

Hi Tahir,

Thanks. That solves the problem that occurred using the quickfix. 

I was hoping you could fix the actual problem, so I don't have to edit all my pages. As it is now I will have to add a padding to every page. I found that the problem does not relate to the Nectar slider rather than the content of the page, be it slider, text or other components.

So can you provide me with a code, that will make the page start, where the header ends?

Hi Tahir,

I am not really sure what you want me to remove?

I have this in the custom css code box on the general settings page:

/* Styling of the Header
-------------------------------------------------------------- */
header#top nav {
text-align: center!important;
}

header#top nav > ul {
float: none!important;
display: inline-block!important;
}

body #header-outer .span_9, body #header-outer .span_3 {
display: block!important;
float: none!important;
margin: 0!Important;
width: 100%!important;
}

header#top #logo img {
margin: 0 auto 20px auto!important;
}

@media only screen and (min-width : 1px) and (max-width : 1000px) {
#page-header-bg[data-parallax="0"] {
margin-top: -25px !important;
}
}

header#top nav ul #search-btn {
display: none!important;
}

@media only screen and (min-width : 1px) and (max-width : 1000px) {

.main-content >.row >.full-width-section.standard_section {

padding-top: 0px !important;

}

}


/* Styling of the Client Box
-------------------------------------------------------------- */

.clientbox {
border-style: solid;
border-width: 1px;
height: 525px !important;
}

@media only screen and (min-width: 470px) and (max-width: 990px) {
.clientbox {
border-style: solid;
border-width: 1px;
height: 575px !important;
}
}


/* Correction of the Client Box
-------------------------------------------------------------- */

@media only screen and (min-width: 690px) and (max-width: 1000px) {
body .vc_row-fluid .wpb_column.one-fourths {
margin-right: 12px !important;
}
}

And I have this in this in the style.css on the child theme: 

/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

@import url("../salient/style.css");

.login-box input[type=email], input[type=password] {
padding: 5px!important;
width: 100%;
border: 0px;
border-bottom: 1px solid #fff;
font-family: 'OpenSansRegular';
font-size: 10px;
line-height: 14px;
color: #555;
background-color: #efefef;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.login-box input[type=email]:focus, input[type=password]:focus {
background-color: #ebebeb;
}

.login-box input[type=submit], button[type=submit] {
background-color: #333333;
padding: 4px;
line-height: 14px;
border: 0px;
color: #fff;
cursor: pointer;
transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
width: auto;
font-size: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}

.login-box input[type=submit]:hover, button[type=submit]:hover {
background-color: #27CFC3;
}

I have also added the login box in top right corner by adding a row to the header.php

Or is it the 150px padding? I added that in the VC.

v. 4.5.1 solved the problem. 

Thanks.