@Ismael – thanks for the reply – that’s not something I had considered. Much appreciated!
@SHR Design – you might want to create your own thread for your issue, as it’s completely unrelated to this topic.
Hei
I hope you can help me.
We have a problem with Enfold and WooCommerce on the website labhsuet.no.
1. The problem is WooCommerce’s problem using Enfold.
The site works extremely slow when we work backend. It have been a problem in a few weeks now.
We have switched plugins on and off and received feedback that there is something wrong with Enfold.
This topic comes up and our webhotell tells us this problem:
In this case, WordPress found an error with your theme, Enfold.
WordPress has a built-in feature that detects when an extension or theme causes a fatal error with your site and notifies you with this email automatically.
In this case, WordPress found an error in one of your extensions, WooCommerce.
First visit your website https://labhuset.no/
If you seek help with this problem, you may be asked for any of the following information:
WordPress version 6.3.2
Active theme: Enfold (version 5.6.6)
Current Extension: WooCommerce (version 8.2.1)
PHP version 8.1.13
2. It´s also a problem that the media don´t images in the media do not appear when they are to be loaded on the pages.
May I be allowed to send you the login codes so that you can look into the problem and find out whats wrong?
Best regards Silje from SHR Design.
Hi Team,
Reviving this thread as I was taken in a different direction for a couple of weeks. So far this issue is not resolved for me, and I have some confusion as I feel as though there are multiple things happening here.
I think the simplest approach is to define what I’m hoping to achieve, and give you guys all of the access necessary to see what is happening within the site.
I am hoping to define for mobile and tablet screens only:
-No Burger Menu or Logo Visible in the Header
-keep the top portion of the header with contact info
Here is an image file of what I’m hoping to accomplish:
https://partners.mikegrace.ca/wp-content/uploads/2023/11/PastedGraphic-1.png
For Regular Computer Screen Size, we can display everything (logo, burger menu and contact info at top)
– – –
Additionally, I don’t believe my Quick CSS box is functioning… as nothing I try from the support archives seems to have any effect… any ideas on this?
– – –
I’ve included temporary WordPress login and FTP access below in the private content. Would really appreciate your help with this!
Thanks, Mike!
Hi
I am using a simple enfold contact form on a ‘Coming Soon’ page and everything works fine when I submit the form on my laptop but the email does not come through if the form is completed from mobile (an iPhone).
Nor does the ‘Thankyou’ message appear on the iPhone.
Any ideas?
I will include site info in private content.
Thank you
Tia
Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hey Frank,
Sorry for the late reply. Please check under Theme Extensions in the top WordPress menu, you will find Open Street Maps there. I’m not 100% sure that what you are looking to achieve is possible, but that is the alternative which is included in the theme.
Best regards,
Rikard
With the stretched layout, top header, and no sidebar, the content isn’t full width, and there’s a gap at the top and the bottom. Seems to not matter what I set Maximum Container Width. I’m sure this is just some simple thing I’m overlooking, but I’m been stuck on this for quite a while now.
Thanks,
Emma
Enfold 5.6.8
Hi,
Then try adding a media query so the css above will only work on desktop, like this:
@media only screen and (min-width: 1920px) {
.avia-cookie-consent .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.avia-cookie-consent .avia_cookie_text {
flex: 1;
white-space: normal;
margin: 0;
}
.avia-cookie-consent .avia-button {
display: inline-block;
}
}
adjust the screen width to suit (min-width: 1920px)
Best regards,
Mike
Hi Mike
Yes, I want it like that, but only on mobile.
On desktop I like to have the text and the buttons on the same line using the whole with of the screen.
Best regards
Mike
HardinGuest
Hi,
I truly want to believe that you are getting along admirably.
I was reading the article”Entry with Post Format “Video” with video thumbnail – Support | Kriesi.at – Premium WordPress Themes” which was published on your site having URL “https://kriesi.at/support/topic/entry-with-post-format-video-with-video-thumbnail/ ”
I am a writer by profession, I write a lot of articles for other sites and also have an author account of those sites.
I want to compose for your site . I see that you notice in your site Write For Us. I have an Extraordinary point for distribution to me.
If you charge any fee for publishing a Guest post on your site just let me know.
Best Regards;
Hi Mike
Thanks for your response.
But why we have this issue and need this code?
Is it because we added this code to functions.php?
Perhaps this code is not needed anymore because Enfold now opens this links in new tabs?
Best regards
Mike
Hi Mike
Thanks for your CSS code.
Now it’s a little bit better.
What I like to have is, that on desktop the whole width can be used for the text, so that my text is on one line before the buttons. And on mobile the text should be before and both buttons should be at the end.
See screenshots in the private content section.
But if this is not easy to realize, it is not tragic ;-)
Best regards
Mike
Hey Arjan,
The theme version you are running doesn’t support newer PHP versions, please try updating to the latest version of the theme. The update to 5.6.8 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hey jamesbarrell,
Thank you for the inquiry.
What is the actual model of the tablet where you are testing this? We may need to adjust the top padding of the main container on smaller tablet screens. Please add this css code.
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 150px;
}
}
Best regards,
Ismael
Hey diogovareta,
Thank you for the inquiry.
You can add this css code to align the comment fields beside each other.
#commentform p.comment-form-cookies-consent {
clear: both;
}
#commentform p.comment-form-email, #commentform p.comment-form-url, #commentform p.comment-form-author {
float: left;
margin-right: 30px;
width: 210px;
}
#commentform p.comment-form-cookies-consent label {
top: -5px;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.
Best regards,
Ismael
HI,
video is mute and i already did the following operation:
in wp-content/themes/enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-slideshow
$meta[‘video_mute’] = ‘aviaTBaviaTBvideo_mute’;
in
$meta[‘video_mute’] = ”;
So it worked. But only for few minutes. Then the video stopped to run.
I also tried this on section.php:
‘video_mute’ => true, in false
but nothing.
Any assistance please? Thanks,
A.
Hi Mike,
I’ve discovered a small bug with this again since we last spoke.
So when the site is at the mid screen size (small laptop/tablet) and the menu adjusts so it disappears it leaves a gap where it used to be between the breadcrumbs and header. How can we make that gap disappear please?

I also moved all of the CSS changes in to the theme file editor rather than the Quick CSS area in case you want to log in again and take a look?
The site is starting to look good now. We built a little header plugin to add some extra functionality to the header area (when using logo left / menu below).
I also have another question for you but I’ll start a new thread / ticket for it. It’s for the same website, but is to do with the best way to handle maintaining a left menu on some pages (not using the native left menu though). I’m using a widget to do this but I’m wondering if it’s possible to use the Grid Row element in such a way that it will allow me to have a 1/3 + 2/3 Grid Row (so I can put my menu in the 1/3 first section, then I can stack 1/1 and 1/2 elements in the second 2/3 side to give me ways of controlling the height of that 2/3 right section better). I can kind of do this now but the problem I have is the left and right sides of the Grid Row element do not line up with the Colour Element or Breadcrumbs…
Thanks,
James.
Hi Ismael,
thank you!
The problem is only visible after logging out of the dashboard. As long as I am logged in, everything is fine.
I checked the page on my mobile and the logo is displayed differently on “Print & Web” and “Shop”. Same applies to desktop. The logo is really huge on these pages.
The link for the intended mobile logo is given in private content. It is not supposed to be the one with “Schutzraum”.
I saw that the code in functions was inactive. I activated it with the correct image link and guess what: upon checking on my mobile device on some pages the Enfold logo was displayed, on others the original logo set in theme options was shown.
I have no explanation, as this code works just fine on another customers website I also created with Enfold.
If you have any idea about what to do please let me know.
Regards
Daniela
-
This reply was modified 2 years, 5 months ago by
Daniela.
Did you try to embed the layerslider with its shortcode (on Project List hover the preview – click on the 3 dots on the top right – embed) ?
Hey Beat,
Thank you for the inquiry.
Some of them are marked as private and are not displayed.
It is possible that the visibility or privacy settings of the videos are set to private. Please check the documentation below for more info.
// https://support.google.com/youtube/answer/157177?hl=en&co=GENIE.Platform%3DDesktop
Best regards,
Ismael
Hey,
I need your help. I’m using parallax demon and I’m unable to réduce the space/gap between frames on mobile and desktop.
I’am talking about the 3 horizontal frames on the main page. The gap between them is very important on mobile. I have trid to reduce it as usual, using padding informations and so on. A small bar appears between upper frames too on page.
Could you help me if you have an answer, please ?
Thank you and hope you’ll have a good day.
Me and my team has been using chrome only, on a PC and on a MAC and the error keeps repeating every single time. The only time it stops is if I deactivate the theme and use another one. I also tried with deactivating most of the plugins just in case and still the same thing. It seems to be related with galleries and images, when we make changes there it almost immediately breaks the connection.
Any other ideas what could be causing the issue?
Thank you
Hey Loveronika,
Thank you for the inquiry.
You can add this css code to temporarily hide the burger menu. Just remove it back when you’re ready to add more pages to the site.
.responsive #top .av-main-nav .menu-item-avia-special.av-burger-menu-main {
display: none;
}
Best regards,
Ismael
Hey Wollenhaupt,
Thank you for the inquiry.
The selected logo (Logo-Wollenhaup_RGB-Schutzraum-300×266) correctly displays on desktop view and switches to Logo-Wollenhaup_RGB-Schutzraum when we reload the page in a mobile emulation. Please note that the logo will not switch back and forth between the mobile and desktop versions when you resize the browser. You’ll need to reload the page and check it on an actual mobile device.
Best regards,
Ismael
Hey Illingco,
Thank you for opening a different thread.
How can I also control the eyeglass icon color?
Have you tried changing the color values in the css modification from the previous thread?
.header_color .widget_search input[type=submit]:hover {
background-color: #dc291d;
color: #232323;
}
If you want to adjust the initial color, use this:
#top #header.header_color .widget #searchform #searchsubmit {
font-size: 16px;
color: blue;
}
To adjust the border width of the search bar, add this css code.
#top #header.header_color .widget #s {
border-width: 3px !important;
}
Best regards,
Ismael
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Great, I’m glad that you found a solution, and thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard