[harriscauler]

Hi, I’m having this issue also. Below is my .htaccess file copied and pasted:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

[harriscauler]

This reply has been marked as private.

[harriscauler]

I would also love this feature.

[harriscauler]

Hi, my site works perfectly with this style, EXCEPT the background image doesn’t display on my iPhone… I’ve attached a screenshot. My custom CSS:

#logo a.mobile-menu-show i:after {
content: "MENU";
float: left;
margin-right: 12px;
font-size: 14px;
line-height: 20px;
font-style: normal;
}

/* white icons */
.icon-color-white .sf-icon {
    color: #FFFFFF !important;
}

/* dark grey icons*/
.icon-color-black .sf-icon {
    color: #999999 !important;
}
.page-id-7606 #top-bar, .page-id-7606 #top-header {
display: none;
}
.page-id-7606 #header-section:before {
background: transparent;
}
.page-id-7606 .header-wrap {
width: 100%;
position: absolute;
top: 40px;
z-index: 7;
}
.page-id-7606 #header-section, .page-id-7606 #header-section:before, .page-id-7606 #header .is-sticky .sticky-header, .page-id-7606 .is-sticky #header.sticky-header {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent!important;
}
.page-id-7606 #header .is-sticky .sticky-header {
background: transparent;
transition: background 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.page-id-7606 #logo img {
display: none!important;
}
.page-id-7606 #logo {
background: transparent url('http://162.219.249.105/~fusepoin/wp-content/uploads/2013/10/fusepointe_long3.png') no-repeat center left;
background-size: 215px 30px;
width: 215px;
}
.page-id-7606 #logo a {
height: 40px;
color: #fff;
}
.page-id-7606 nav .menu > li a {
color: #fff;
}
.page-id-7606 #header .is-sticky .sticky-header.sticky-header-resized, .page-id-7606 .is-sticky #header.sticky-header.sticky-header-resized {
background: #fff!important;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
}
.page-id-7606 .sticky-header-resized #logo img.retina {
display: block!important;
}
.page-id-7606 .sticky-header-resized #logo h1 {
color: #222!important;
}
.page-id-7606 .sticky-header-resized #logo a {
color: #333;
}
.page-id-7606 .sticky-header-resized #logo {
background-image: none;
}
.page-id-7606 .sticky-header-resized nav .menu > li a {
color: #252525;
}
.page-id-7606 .inner-page-wrap {
padding-top: 0!important;
margin-top: 0;
}
@media only screen and (max-width: 991px) {
.page-id-7606 #logo {
width: 90%;
margin: 0 5%;
}
}
@media only screen and (max-width: 767px) {
.page-id-7606 .header-wrap {
top: 0;
}
}

[harriscauler]

This reply has been marked as private.

[harriscauler]

Fusepointe – http://fusepointe.com/

I appreciate any feedback anyone has!

[harriscauler]

This reply has been marked as private.

[harriscauler]

Crap — I thought you meant to re-copy the code from the knowledgebase article – so I did – and it’s still doing the problem. I didn’t realize you had fixed it on my site! Sorry!!! Do you remember what code you added/changed? I think it will need to be changed on the knowledgebase too? Literally just copied and pasted it and changed the page ID. Thanks Ed!

[harriscauler]

This reply has been marked as private.

[harriscauler]

Nevermind – just deleted the theme and installed the new one.

[harriscauler]

I fee dumb for asking this — but how do we update? If we’re using the child theme, do we only need to update the main theme?

Thanks

[harriscauler]

Hi, I’m having an issue where my navigation appears correctly on the parallax, then halfway through you can’t read the logo/text links beacause the white sticky nav. background appears before you scroll completely out of the parallax. Is there a way to prevent the navigation from sticking until the parallax is out of sight?

If you comment I’ll reply privately with a login to my site (it’s in development mode)

Thank you so much!

[harriscauler]

Thanks @bobbyb – changing that to cover fixed it on my site as well.

[harriscauler]

I don’t want to have to modify the CSS to make the fancy header images work correctly – they work right in the Dante demo, so shouldn’t they work right on our sites? It would be great if Ed could comment with any ideas about what we’re doing differently than what he’s done with the demo.

[harriscauler]

@mgma – how did you get the image to appear correctly in the fancy header? (Mine still goes to the right and is very zoomed in…

@Tahir Marvi – SUPPORT – We’re not asking about the logo. We’re asking about the fancy header background… (see my screenshot above)

Thanks