Hi Ismael,

I also tried logging out and back in multiple times. Unfortunately it had no effect. When I want to preview the test-page you created I get the error message “You do not have permission to preview drafts.”. And that although I am logged in as admin.
I just tested previewing the “normal” page I created as webpage and it worked perfectly fine. Seconds later I tried the exact same thing again and the error message appeared again. It really seems completely random to me. Most of the time I get the error message but sometimes (it feels like in 10% of instances) it works normally as you would expect.

Cheers,
Christopher

Oh yes I tried to modify Avia.js like in another discussion hre as I said before: https://kriesi.at/support/topic/shrinking-header-height/

Hi Vinnie,

See previous topic with same name – it’s not the socket it’s a customised block above the main footer!

Hi Rikard – I haven’t started building the site yet as I’m trying to determine if Enfold can be used to recreate this header reasonably. I’ve used Enfold on lots of sites but this is the first time I’ve encountered this type of header. Here is a picture of the design ‘m trying to recreate: http://775.bd1.myftpupload.com/wp-content/uploads/2016/03/header.jpg

The background picture is actually a video, the logo is in the middle of the video and they want buttons, social icons and the seach bar on top of the background video in the header.

Thanks for your help.

thank you for taking a look.

I will try to explain more.
The color section has a fixed background.

When you scroll through a page the color section stays in its position it starts in instead of changing what you see.
Until you stop scrolling. Then the section gets updated and shows what it should show.

visual:

View post on imgur.com

Hi Ismael,

Yes, like I mentioned in the first message of this topic, on smaller mobiles (msartphones) there is no sticky header and there it is not an issue.

The problem exists on tablets and pc, so larger screens than smartphones, where there is the sticky header.

Regards,
Monique

Hey,

wonderful idea…

I put this css on top of my custom css:

.container_wrap {
    width: 100%;
}

And then the rest of my css in another order:

@media screen and (max-width: 1500px) {
	.menu-item-8864 { display: none; }
}

@media only screen and (max-width: 767px) {
    .hide-from-mobile {display:none;visibility:hidden;}
    #text-15 { display: none; }
}

img.effect:hover {
  -webkit-filter: brightness(75%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(75%);
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(75%);
  -o-transition: .25s ease-in-out;
  filter: brightness(75%);
} 

img.effect {
  -webkit-filter: brightness(100%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(100%); 
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(100%); 
  -o-transition: .25s ease-in-out;
  filter: brightness(100%);
}

#top .sidebar .widget_shopping_cart .button {
  float: left;
  margin-right: 2%;
  padding: 10px;
}

.pagination_split_post {
  text-align: center;
  font-size: 18px;
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #000000;
    color: #ffe523;
}

It looks good – many thanks. :)

Best regards,
Jürgen

• This reply was modified 9 years, 12 months ago by Jürgen.