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
Hi,
I still can’t see any problems on any screen size using a desktop browser, but it looks like the content is overflowing on an actual mobile device though. You might want to reach out to the plugin developers for further help.
Best regards,
Rikard
Hello I have tried to do many options, but the images in my site are almost always blurry…..specially in desktop, but also in mobile….what can I do?
Hi Mike,
please excuse my late reply.
I’ve been trying around with the CSS you gave me and it works as you say, considering the different screen sizes.
However, while I was trying around I also found out that I actually like it better graphically when the element is not expanded.
So I adjusted the size of the sliders on the other portfolio pages instead.
Now I´m absolutely happy with the CSS from your first message and the CSS for removing the corner radius from your second one.
Please feel free to close this topic as as completed successfully.
Thank you very much.
Best regards,
fkm
Hi,
Your wp-config.php file might have it disables with define( 'DISALLOW_FILE_EDIT', true );
You could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the previous code solution and save.
Best regards,
Mike
Hi,
The file permissions might not be correct, try checking this thread
Best regards,
Mike
Hi,
Thank you for the update.
Please update the css with the following code to apply the changes to every full-width submenu element on the site.
#top .av-submenu-container, #top .av-submenu-container li {
min-height: 2em;
line-height: 2em;
}
If you want to move the menu items without adjusting the height of the submenu container, try this css code;
#top .av-submenu-container li {
position: relative;
top: 5px;
}
Best regards,
Ismael
Hey schweg33,
Thank you for the inquiry.
You can use this css code to adjust the height of the sub menu container and the menu items.
#top .av-submenu-container.av-5hgbq7-277231f29348cd34006a580016280e02, #top .av-submenu-container.av-5hgbq7-277231f29348cd34006a580016280e02 li {
min-height: 2em;
line-height: 2em;
}
Default min-height value is 52px.
Best regards,
Ismael
Hi,
You can use this css code to move the button to the left:
.home #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
margin-right: 100px;
}
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thank you for your understanding.
Best regards,
Ismael
Hi Rikard,
more details in the private content, i added the link to the website and a screenshot of the target items.
I need to change the styling of the menu items only on mobile, since i want different styling for desktop
Thank you
Hi, I guess my custom css produces a glitch on mobile: The underlined font is not displayed properly and the cookie banner appears misplaced (at the far bottom of the page).
On Desktop everthing looks great. Can you help me please?
This is my custom css:
/* Header mobile */
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
}
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 50px !important;
}
.responsive .logo a {
vertical-align: top !important;
}
.responsive .logo img {
max-height: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
top: -15px;
height: 45px;
left: auto;
right: 0;
display: block;
position: absolute;
}
}
@media only screen and (max-width: 500px) {
.responsive #top #wrap_all #main {
padding-top: 50px !important;
}
}
/* Farbe Nachrichtenversand */
h3.avia-form-success{
color:#99a502!important;
}
/* Header Button Mobile*/
@media only screen and (max-width: 767px) {
.home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
bottom: 325px;
left: 300px;
}
.home .slideshow_inner_caption .avia-slideshow-button.avia-button {
background-color: #a37652;
color: white;
border-radius: 10px;
}
}
@media only screen and (max-width: 767px) {
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
background-color: #a37652;
color: white;
border-radius: 10px;
}
}
/* Text mit Foto*/
.avia_textblock p img {
border-radius: 100%;
box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
}
.avia_textblock img.alignleft {
margin-right: 40px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
#hello .avia_textblock img {
width: 50%;
}
}
/* ScrollDown Pfeil */
#top .scroll-down-link {
color: #a47654;
}
/* Blog Leerzeile entfernen */
.page-id-691 #after_section_2 {
display: none;
}
/* Blog Postdatum entfernen */
.page-id-691 .av-masonry .av-masonry-date {
display: none;
}
/* SocialMedia Icons*/
#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
color: #fff;
background-color: #c82161;
}
/* Icon Circle schneller*/
.avia_start_animation .avia-icon-circles-inner {
transition: all 0s cubic-bezier(0,0,0,0);
}
/* Desktop Menu*/
@media only screen and (max-width: 2500px) {
#top #header.av_header_transparency .av-main-nav > li.menu-item {
display: none!important;
}
#top #header.av_header_transparency .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}
/* Header Button Desktop*/
@media only screen and (max-width: 450px) {
.slideshow_inner_caption {
top: -40px;
}
}
@media only screen and (min-width: 768px) {
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
position: relative;
text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
width: 500px;
height: 56px;
font-size: 22px;
}
@media only screen and (min-width: 768px) {
.slideshow_inner_caption {
top: -125px;
}
}
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
background-color: #a37652;
color: white;
border-radius: 10px;
}
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
background-color: #c79a52;
color: white;
border-radius: 15px;
}
/* CookieBanner*/
#top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn,
#top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn {
background-color: #484f5d;
color: #ffffff;
border-color: #484f5d;
border-radius: 10px;
}
#top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text,
#top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text {
background-color: #484f5d;
color: #ffffff;
border-color: #484f5d;
border-radius: 10px;
}
.html_elegant-blog #top .avia-content-slider .blog-categories {
display: none;
}
Website-Link on private content.
Thank you in advance an best regards!
Removed all images except the slider at the top and the tiny pix of me and my dog at bottom, which have never been an issue in LCP etc.
I get mobile score into the 70’s, but the LCP issue just shifts to a text element (the first one): https://pagespeed.web.dev/analysis/https-gatehealing-com/w9gks5s0wg?form_factor=mobile
Just found another issue. The tabs on all product pages do not work on desktop. They work on mobile. It would be great if I can roll back to 5.7.0, there are too many issues with this version.
Hi,
Did you try placing the CSS at the very top of the Quick CSS box?
Best regards,
Rikard
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
position: initial;
display: table;
margin: 0 auto;
}
.responsive #top .logo {
width: 100%;
}
.responsive #top .logo img {
display: table;
margin: 0 auto;
}
}
Best regards,
Rikard
Getting tons of these in the error logs:
PHP Warning: Undefined array key "medium" in /chroot/home/USERNAME/DOMAIN/html/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-popup-templates-responsive.php on line 168
Saw a similar issue on https://kriesi.at/support/topic/php-warnings-after-update-to-php-8-1/ but there was no resolution. It looks like Enfold doesn’t handle it well if certain image sizes aren’t created that it’s expected and doesn’t fail gracefully.
This is on:
WordPress: 6.5.2
PHP: 8.1.28
Enfold: 5.6.9
There is a child theme but i only adds two short-codes and doesn’t mess with any of the templates.
Hello,
Since these problems are all related to the update i thought i should put them in one topic for better overview.
1. On my stage site i have deactivated all the plugins except WPML (since deactivating it displays a blank page for some reason).
The problem remains the same.
I used inspect tool and it says it’s a avia text block – the array message is not just on the home page where i have the shortcode inputed.
If i activate default wordpress theme (twenty twetny four) i don’t see the array text (tho site is broken at this point – the builder doesn’t work).
Hi,
Thanks for that. Please try this CSS as well:
@media only screen and (max-width: 480px) {
#footer #text-2 {
padding-top: 50px;
}
}
Best regards,
Rikard
Hi,
Thanks for the update. Please try this CSS as well:
#top .av-subnav-menu a {
color: #000;
}
#top .av-subnav-menu > li {
padding: 10px 0;
}
Best regards,
Rikard
Yep, tried all of that. It worked for the laptop version but not for Android.
Hi,
The arrows seem to be clickable on our end, but you can try using this css code to create more space below the testimonial slider.
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial .avia-testimonial_inner {
padding-bottom: 50px;
}
Best regards,
Ismael
Hey mirr,
Thank you for the inquiry.
Have you tried adjusting the top padding of the #footer container? Please try to add this css code:
#footer {
padding-top: 100px;
}
If this modification did not work, please provide the site URL in the private field.
Best regards,
Ismael
Hey josefineeiby,
Please look in the custom.css file in the theme: /wp-content/themes/enfold/css/custom.css
and find this rule:
#footer .container {
background: url(/wp-content/uploads/2017/09/logo.png) top right 50px no-repeat;
background-size: 20%;
}
It adds the logo in your footer.
Best regards,
Mike
Hey Frank,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the code that you found in the other threads and save.
Best regards,
Mike
Hi, I am having tourble with the footer on mobile. I use this code:
@media only screen and (max-width: 480px) {
#footer .widget {
margin: 15px 0;
}}
This gives me the spacing between the columns, that is good. But this also makes the first widget very close to the top of the footer.
How can I make the margin between the start of the footer and the first widget bigger without changing the spacing between the widgets?
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
Hi,
Please try this CSS as well:
@media only screen and (max-width: 767px) {
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
background-color: #a37652;
color: white;
}
}
Best regards,
Rikard
Hi,
Please try this instead:
@media only screen and (max-width: 989px) {
.responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu > li > a {
padding: 5px 15% !important;
}
.sticky_placeholder {
height: 0 !important;
}
.responsive #top .av-switch-990 .av-menu-mobile-active .av-subnav-menu > li a::before {
top: 5px !important;
}
}
Best regards,
Rikard
Hi Mike,
thank you. I am still working on this without success.
I will stop this cookie thing for now and may try it some time later.
Thank you for your help.
Best regards!