Hi,

Great, glad you found the problem. Please let us know if you should need any more help on the topic.

Thanks,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should need any more help on the topic.

Thanks,
Rikard

Hi,

Ok, thanks for the feedback. Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi,

Try changing the CSS you posted to this instead:

@media only screen and (min-width: 768px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 275px !important;
}
}

Thanks,
Rikard

Hi Morcy,

No problem, glad you found the problem. Please let us know if you should need any more help on the topic.

Regards,
Rikard

Hi,

Please remove the following code:

#top .aviaccordion-preview-title * { max-width: 50%; }

Use this instead:

#top .aviaccordion-preview-title .aviaccordion-title, #top .aviaccordion-preview-title .aviaccordion-excerpt {
    background: rgba(0,0,0,0.3);
    padding: 5px;
    border-radius: 3px;
    max-width: 40%;
    width: auto;
    text-align: center;
}

Best regards,
Ismael

Hi,

The site is on maintenance mode. Did you enable the sticky header? Or did you add css modifications? On mobile view, the header should not stick to the top because the position is set to relative.

Best regards,
Ismael

Hi,

We set the builder to debug mode and we found out that the email is manipulated by your cdn. Instead of the email address, we found this script in the email parameter of the shortcode:

<a class="__cf_email__" href="/cdn-cgi/l/email-protection" data-cfemail="85e0e8e4ece9b8a2ecebe3eac5f5f7e0f6ece1e0ebf1ece4e9f5f7eaf5e0f7f1ece0f6abe6e4">[email protected]</a><script data-cfhash='f9e31' type="text/javascript">/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-cfhash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-cfemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */</script>' 

It’s a cdn security feature. You can prevent that from happening by creating a filter or rule in the cdn settings.
https://kriesi.at/support/topic/format-spacingviewing-problems-in-the-editor/#post-500244
https://kriesi.at/support/topic/problem-with-forms/#post-392052

Best regards,
Ismael

Hi,

Please add this:

.single-tribe_events #tribe-events-pg-template .tribe-events-before-html {
    position: relative;
    text-align: center;
    top: 0;
    z-index: 10000;
}

.single-tribe_events #tribe-events {
    top: -50px;
    position: relative;
}

Best regards,
Ismael

Hi,

Please try this css code:

#main > .container_wrap_first .container {
    margin-top: 50px;
}

#top #header_main_alternate {
    top: 50px;
}

Best regards,
Ismael

Hi,

In the church demo, you’ll see a column with a negative top margin. Maybe, you can do the same with the image. http://kriesi.at/themes/enfold-church/

Best regards,
Ismael

Hi,

You can adjust the top margin of the share section:

.single-product .av-share-box {
    margin-top: 10px;
}

Regarding the text, use this:

.share_heading {
    font-weight: bold;
    font-size: 15px;
}

Best regards,
Ismael

Hi,

Why did you set the logo as background?

.header-scrolled .logo a {
    background-image: url(https://bloomreachinc.staging.wpengine.com/wp-content/uploads/2016/07/enfold-small-logo.png); (hosted on WPengine)
    background-repeat: no-repeat;
    background-size: contain;
}

.header-scrolled .logo img {
    top: -15px;
}

Even without that customization, the logo transition should work correctly. Please remove the css modification then add this code to move the default logo upwards:

.header-scrolled .logo img {
    top: -15px;
}

Best regards,
Ismael

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 0 !important;
}
.responsive #top .av_header_transparency .logo img.alternate {
    display: block !important;
}

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

Best regards,
Yigit