Digital experiences for all disciplines
Forum Replies Created
-
Posted in: We hit Power Elite.
-
Great!!
How I can take off from the header the “Belen” logo when I scroll down on the moe page?
Belen!!Hello Mohammad,
If you check the gallery page you will note it: an horizontal shadow line appears when you scroll down just for a moment, under the header. It is not the photo.
Thanks,
Belen!!Thank you!
Now the black background is not there anymore, but there is a shadow under the header on almost every and still the logo on the home page after scrolling.
Belen!Thank you for your help.
I put the the css code and it worked. But Still there is a not solved problem, When I scroll down, for instance on the home page,it appears for a moment a black background on the header, is it possible to remove it? And is possible to remove the world “belen” that appears on the header after scrowling down.Thank you again for your quick responses,
BelenAttachments:
You must be logged in to view attached files.Yes, I found the solution! Thank you!!!!
D!!Thank you! You are right sometimes text is not readable enough.
Anyway, your help has been fast and perfect as always!D!!
Thank you! It works perfect!
Is it possible to have the submenu box transparent without background?Thanks,
D!!Great. problem solved.
You are wonderful!D!!
Thank you Kyle,
I will do that, second and third line would be like this?
}
.page-id-2 #header-section:before, .page-id-5 #header-section:before, .page-id-7 #header-section:before, .page-id-9 #header-section:before{
background: transparent;
}
.page-id-2 .header-wrap, .page-id-5 .header-wrap, .page-id-7 .header-wrap, .page-id-9 .header-wrap {
width: 100%;
position: absolute;
top: 0px;
left: 0;
z-index: 7;
}
.page-id-2.header-overlay .header-wrap {
left: 50%;
}
.page-id-2 #header-section, .page-id-2 #header-section:before, .page-id-2 #header .is-sticky .sticky-header, .page-id-2 .is-sticky #header.sticky-header {Hello,
Thank you for your help. Then maybe is easier to put the whole code like this, no?
.page-id-2 #top-bar, .page-id-2 #top-header {
display: none;
}
.page-id-2 #header-section:before {
background: transparent;
}
.page-id-2 .header-wrap {
width: 100%;
position: absolute;
top: 0px;
left: 0;
z-index: 7;
}
.page-id-2.header-overlay .header-wrap {
left: 50%;
}
.page-id-2 #header-section, .page-id-2 #header-section:before, .page-id-2 #header .is-sticky .sticky-header, .page-id-2 .is-sticky #header.sticky-header {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent!important;
}
.page-id-2 #header .is-sticky .sticky-header, .page-id-2 .is-sticky #header.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-2 #logo img {
display: none!important;
}
.page-id-2 #logo {
background: transparent url(‘http://craterproducciones.com/wp-content/uploads/2014/06/belen-3.png’) no-repeat center left;
background-size: 240px 28px;
width: 240px;
}
.page-id-2 #logo a {
height: 40px;
color: #fff;
}
.page-id-2 nav .menu > li a {
color: #fff;
}
.page-id-2 #header .is-sticky .sticky-header.sticky-header-resized, .page-id-2 .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-2 .sticky-header-resized #logo img.retina {
display: block!important;
}
.page-id-2 .sticky-header-resized #logo h1 {
color: #222!important;
}
.page-id-2 .sticky-header-resized #logo a {
color: #333;
}
.page-id-2 .sticky-header-resized #logo {
background-image: none;
}
.page-id-2 .sticky-header-resized nav .menu > li a {
color: #252525;
}
.page-id-2 .inner-page-wrap {
padding-top: 0!important;
margin-top: 0;
}
@media only screen and (max-width: 991px) {
.page-id-2 #logo {
width: 90%;
margin: 0 5%;
}
}
@media only screen and (max-width: 767px) {
.page-id-2 .header-wrap {
top: 0;
}
.page-id-2.header-overlay .header-wrap {
left: 0;
}
}
.page-id-52 #top-bar, .page-id-52 #top-header {
display: none;
}
.page-id-52 #header-section:before {
background: transparent;
}
.page-id-52 .header-wrap {
width: 100%;
position: absolute;
top: 0px;
left: 0;
z-index: 7;
}
.page-id-52.header-overlay .header-wrap {
left: 50%;
}
.page-id-52 #header-section, .page-id-52 #header-section:before, .page-id-52 #header .is-sticky .sticky-header, .page-id-52 .is-sticky #header.sticky-header {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent!important;
}
.page-id-52 #header .is-sticky .sticky-header, .page-id-52 .is-sticky #header.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-52 #logo img {
display: none!important;
}
.page-id-52 #logo {
background: transparent url(‘http://craterproducciones.com/wp-content/uploads/2014/06/belen-3.png’) no-repeat center left;
background-size: 240px 28px;
width: 240px;
}
.page-id-52 #logo a {
height: 40px;
color: #fff;
}
.page-id-52 nav .menu > li a {
color: #fff;
}
.page-id-52 #header .is-sticky .sticky-header.sticky-header-resized, .page-id-52 .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-52 .sticky-header-resized #logo img.retina {
display: block!important;
}
.page-id-52 .sticky-header-resized #logo h1 {
color: #222!important;
}
.page-id-52 .sticky-header-resized #logo a {
color: #333;
}
.page-id-52 .sticky-header-resized #logo {
background-image: none;
}
.page-id-52 .sticky-header-resized nav .menu > li a {
color: #252525;
}
.page-id-52 .inner-page-wrap {
padding-top: 0!important;
margin-top: 0;
}
@media only screen and (max-width: 991px) {
.page-id-52 #logo {
width: 90%;
margin: 0 5%;
}
}
@media only screen and (max-width: 767px) {
.page-id-52 .header-wrap {
top: 0;
}
.page-id-52.header-overlay .header-wrap {
left: 0;
}
}
.page-id-94 #top-bar, .page-id-94 #top-header {
display: none;
}
.page-id-94 #header-section:before {
background: transparent;
}
.page-id-94 .header-wrap {
width: 100%;
position: absolute;
top: 0px;
left: 0;
z-index: 7;
}
.page-id-94.header-overlay .header-wrap {
left: 50%;
}
.page-id-94 #header-section, .page-id-94 #header-section:before, .page-id-94 #header .is-sticky .sticky-header, .page-id-94 .is-sticky #header.sticky-header {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent!important;
}
.page-id-94 #header .is-sticky .sticky-header, .page-id-94 .is-sticky #header.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-94 #logo img {
display: none!important;
}
.page-id-94 #logo {
background: transparent url(‘http://craterproducciones.com/wp-content/uploads/2014/06/belen-3.png’) no-repeat center left;
background-size: 240px 28px;
width: 240px;
}
.page-id-94 #logo a {
height: 40px;
color: #fff;
}
.page-id-94 nav .menu > li a {
color: #fff;
}
.page-id-94 #header .is-sticky .sticky-header.sticky-header-resized, .page-id-94 .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-94 .sticky-header-resized #logo img.retina {
display: block!important;
}
.page-id-94 .sticky-header-resized #logo h1 {
color: #222!important;
}
.page-id-94 .sticky-header-resized #logo a {
color: #333;
}
.page-id-94 .sticky-header-resized #logo {
background-image: none;
}
.page-id-94 .sticky-header-resized nav .menu > li a {
color: #252525;
}
.page-id-94 .inner-page-wrap {
padding-top: 0!important;
margin-top: 0;
}
@media only screen and (max-width: 991px) {
.page-id-94 #logo {
width: 90%;
margin: 0 5%;
}
}
@media only screen and (max-width: 767px) {
.page-id-94 .header-wrap {
top: 0;
}
.page-id-94.header-overlay .header-wrap {
left: 0;
}Hi
I have solved the problem with a slider, but I am curios to know more about parallex. It can work better with extra class names. Where can I know more about these class names?D!!
Thanks! It helps!
Lovely theme! I am very happy with it.
David!!I have solved the white logo problem, but still wondering how can I remove lines under menu issues.
Thanks!
David!! -
Posted in: We hit Power Elite.