Hi Justin,

Can you setup a staging site for us? so we can try to inspect what’s causing the issue.
Here’s a tutorial on how to make one: https://themeisle.com/blog/wordpress-staging-site/

Best regards,
Nikko

Hi Ashlea,

Thanks for contacting us!
It seems you are using an Icon List, just edit the Office Location and scroll to the bottom and you should see an option to change the List Item Icon
Here’s a screenshot: https://imgur.com/KjMm1Dj
Hope it helps.

Best regards,
Nikko

Hi Till,

Thanks, it’s working properly now.
The problem that causes any changes in style in Theme Options not working properly is because of an unclosed CSS in Quick CSS:

#header_main {
  /* Increase the top and bottom space */
    padding: 20px 0;

After closing it, everything seems to work properly.
Please review your site.

Best regards,
Nikko

Hey navindesigns,

I have added this CSS code in Enfold > General Styling > Quick CSS:

#avia-menu .menu-item-has-children > a:before {
    content: '\e877';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'entypo-fontello';
}

Please review your site.

Best regards,
Nikko

Hi navindesigns,

Thanks for giving us a screenshot and admin access.
I have added an ID attribute “stats” on your codeblock, then replace your CSS (code above) with:

@media only screen and (max-width: 767px) {
  #stats .av_one_third {
    border-top: 2px solid #000;
    margin: 0 !important;
    padding: 10px 0;
    width: 100%;
  }

  #stats .av_one_third.first {
    border: none;
  }

  .avia-animated-number {
    display: flex;
    align-items: center;
    text-align: left;
  }

  .avia-animated-number .heading.avia-animated-number-title {
    width: 150px;
  }
}

Please review your site.

Best regards,
Nikko

Hi Till,

It’s still the same on my end, I have posted a screenshot link in private content on what options are available on my end.

Best regards,
Nikko

Hi Mauro,

Thanks for providing us both admin and FTP access.
I tried to switch the theme from the child theme to the parent theme and it seems to be working properly, so the issue is in the child theme.
Please update this file in your child theme: enfold-child/shortcodes/slideshow_fullsize/slideshow_fullsize.php and it should fix the issue.

Best regards,
Nikko

Hi Alex,

I have checked your site and it does not seem to load slowly on my end.
The image sizes seems to be good though the images on the Gallery page are a bit heavy from around 600KB to 1.2MB which image optimization plugin should help.

Best regards,
Nikko

Hi josk-design,

Thanks for the screenshots and giving us admin access.
Please add noborder to Custom CSS Class on the section you want to remove the top border.
I have added it on your page, I have posted a screenshot in private content.
Please review your site.

Best regards,
Nikko

Hi Till,

I apolgize for the delayed response.
#1. We would need to have admin access in order to check the theme options.

#2. Do you mean removing the summary of posts/pages on the search results?

#3. I don’t see any overlap of the title in the blog page https://www.tt-bewerbungsservice.de/bewerbungsblog.html is this already fixed? the title seems a bit long, so I think reducing the font size would help, please add this in Enfold > General Styling > Quick CSS (just adjust the font size value):

#top .avia-content-slider .slide-entry-title {
    font-size: 24px;
}

#4 & #5 Please add this CSS code in Quick CSS:

@media only screen and (max-width:960px) and (min-width:480px) {
    #socket #avia3-menu li {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media only screen and (max-width:479px) {
    h1 {
        font-size: 26px;
    }

    #socket .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: -12px;
    }

    #socket .sub_menu_socket {
        margin: 0 !important;
    }

    #socket #avia3-menu li {
        line-height: 1.3;
        margin-bottom: 4px;
        text-align: center;
        width: 50%;
    }
}

#6 For the blockquote font attributes go to Enfold > Advanced Styling and select < blockquote >, as for removing border and adding a quote, please add this to Quick CSS:

#top .all_colors blockquote {
    border: none;
    margin-right: 0;
    padding-left: 0;
    position: relative;
}

#top .all_colors blockquote:before {
    content: '\e833';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    top: -8px;
    font-size: 28px;
    transform: rotate(180deg);
}

#7. Please add this to Quick CSS:

.page-id-41 .pricing-table li:nth-child(2) {
    min-height: 112px;
}

Best regards,
Nikko

Hi Veronika,

There are two workarounds for this, the first one is easy but may not give you the result that you want, which is to set Background Repeat to Stretch to Fit, this one would ensure that the image will occupy the whole width of the 1/2 column as well as the height but the image will be stretched by the browser.
The second one, is to separate background image (or use background color) then use an image element with just the image of the model in transparent background, the result is similar to this: https://kriesi.at/themes/enfold-app/#av-layout-grid-2

Best regards,
Nikko

Hi Natalie,

Yigit’s code should work however your caching plugin seems to be preventing the new code from being fetch thus it appears that the code is not working, please clear the cache from the caching plugin and see if it helps.

Best regards,
Nikko

Hi pikachul,

The image optimization plugin is causing some conflict with Enfold’s CSS, to fix this, please add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #top .logo .subtext {
    display: none;
  }
}

Hope it helps.

Best regards,
Nikko

Hi laptophobo,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Sabine,

1. Please modify the code so it looks like this:

@media only screen and (max-width: 479px) {
  .responsive .avia_ajax_form .form_element {
    width: 70%;
  }

  .responsive .avia_ajax_form .form_element.av-last-visible-form-element {
    width: 100%;
  }
}

2. Are you using Safari? if yes, what version? try including a .woff font file when you upload the custom font.

Best regards,
Nikko