Hi,
Thank you for the FTP access, I renamed your current theme to “enfold-old” then I uploaded the new “enfold” and checked that your site is working correctly, that is your social media icons and links do display in the calendar pages footer so I’m thinking that this is a success. Please also check for yourself.
You, (or I) can delete the “enfold-old” via ftp, (not the WP theme page) if you wish.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
To update your live site you can copy the new “enfold” theme folder and try following the same steps, that is rename your current theme to “enfold-old” so that you can “roll back” if it causes problems.
Another option is to wait for the next update to update your live site, I saw a post from the dev team yesterday were they said the next update will be out soon. The update will contain more fixes than what I just uploaded to your staging site.

As for “the Cookie Consent calling an http file and breaking the SSL”, please enable it so I can see this, or give me access to the live site so I can enable the Cookie Consent to see. It is odd that this is not happening on the staging site.

Best regards,
Mike

Hey Maik,
Yes you can do that but your css targets the social_bookmarks everywhere, so you need to add the sector for the social_bookmarks in the header and footer.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 480px) {
#top .main_menu > .social_bookmarks,#socket .social_bookmarks { display: none !important; }}

If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
Glad to hear that it is working as intended. What I meant was the margin was 6% but the code above changes it to 3%, thus 50% less :)
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Very good, we will leave these open.

Best regards,
Mike

Hi,
Sorry, I think that I was over thinking it because I thought that you wanted the image width to go to the edge of the screen. To show the full image without cropping the edges you can use this css:

#top.page-id-70 #av_section_1 {
    background-size: contain !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
For your grid row, I assume that you want to order them as:
image > text > image > text
for mobile.
I have added this css to your Quick CSS to correct:

@media only screen and (max-width: 767px) {
#top.home #av-layout-grid-2.entry-content-wrapper,#top.home #av-layout-grid-4.entry-content-wrapper {
    display: flex !important; 
    flex-wrap: wrap !important; 
    }
    .flex_cell.avia-builder-el-first {
        order: 2 !important; 
    }
    .flex_cell.avia-builder-el-last {
        order: 1 !important; 
    }
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I removed your text block element for manufaktur and placed the word in a code block wrapped in a span with the class “manufaktur”
this allowed me to move it without affecting the icons, and kept everything center in your section.
I also gave the font-size a “visual width” instead of a “px” this way as the screen size changes the word will remain “full width”
The only problem is that the z-index is not working well, so I’m having trouble putting the word behind the icons, I used opacity as a work around.
Please clear your browser cache and check.
This is the css I added to the code block:

span.manufaktur {
    display: flex;
    justify-content: center;
    font-size: 16vw;
}

span.manufaktur strong {
color: #d3d3d3 !important; 
margin-top: -63vh;
opacity: .30;
}

We will need to write some more css to adjust the position of the word for other screen sizes. What do you want to do when the icons brake into 2 columns, and then into 1 column? At some point do you want to just hide the word?

Best regards,
Mike

Hi,
To add more space to the buttons, try this css:

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    padding: 30px 50px !important; 
}

For the non-number elements of your number, please try this css:

#top.page-id-3543 .avia-animated-number span.avia-no-number{
    opacity: 1 !important; 
}

Best regards,
Mike

Hey diefleischerei,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #av_section_5 > div > main > div > div > section.avia_codeblock_section.avia_code_block_1 {
    display: flex !important; 
    justify-content: center !important; 
}

Best regards,
Mike

Hey NoraGTS,
Sorry for the late reply, to remove the top padding in your burger menu, please try this css and adjust to suit:

#av-burger-menu-ul {
    vertical-align: top !important; 
    padding-top: 0px !important;
}

you can’t remove the bottom space because it’s a full height element, I guess you could add more space between each menu item to spread them to the bottom.

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your page and I see that you are getting this error:

Block validation: Block validation failed for core/shortcode

Above you wrote that you have disabled the Gutenberg editor with a function, but this function seems to not be in place now, and if you disable the block editor with the option in the Enfold options this error above doesn’t occur.

The dev team has released a build that seems to solve some issues they have been working on, I could apply it to your site if you post your ftp access. Would you like for me to try that?

Best regards,
Mike

Hi,
I asked the rest of the team to take a look, perhaps I’m missing something. Thank you for your patience.

Best regards,
Mike

Hi,
I took another look at the section as mobile, and could see the issue. I removed your -180px bottom margin for better control and added media queries to the css so that as mobile the width is 100% so the sections stack and then at labtop (1440px) they stack the way you wanted. I choose 1440px because when smaller than that to two 1/4 columns are so narrow it’s hard to read.
Please clear your browser cache and check. Please let me know if you agree about the width, we can change it if you want.

here’s what I added:

@media only screen and (min-width: 1440px) { 
.left-forth,.right-forth {
    margin-top: -240px !important; 
}
}
@media only screen and (max-width: 1439px) { 
.left-forth,.right-forth,.top-left,.right-top {
width: 100% !important;
}
}

Best regards,
Mike

Hey barabasone,
I took a look at your page and added the custom class “left-forth” & “right-forth” to your two 1/4 columns in order to move them up with this css in your Quick CSS:

.left-forth,.right-forth {
    margin-top: -80px !important; 
}

But the main difference I see between your page and your example is that in your example the text wraps around the icons so there is more room for text, but the icon box doesn’t allow this.
I would suggest making your columns larger so the text is not so cramped, perhaps 1/3 instead of 1/4
I hope this helps.

Best regards,
Mike