Hi,
Sorry I missed that you were going to 989px, I have adjusted the css and also adjusted for the logo, please try this css:

@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }
.responsive #top .logo {
    position: relative !important;
    display: table !important;
    width: 80% !important;
}
}

After applying the css, Please clear your browser cache and check.

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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,

@mituweb please note the last post was for user @gbd, we will be happy to assist you but we need sftp access. Can your webhost assist with that? Or if you have access you can download the files and follow the steps above.

Best regards,
Mike

Hi,
Please post your css to make the mobile header sticky and hide the top bar on scroll, when I check your page on mobile it seems disabled, did you remove it? If not please do remove it so we can test without conflict.
I see that your header is not getting the header-scrolled class so the css above will not be triggered. Since you are not getting this class, due to the combination of settings for your header, we can add a similar class with jQuery triggered by the “scrolled” state and adjust your css to work with it.

Best regards,
Mike

Hi,
Thank you for sharing your solution, I had thought you wanted to keep the active toggle title borders when the toggles were open, but glad to see you have it sorted out. Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thank you for the feedback, for mobile we can reduce the font size and brake long words.
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: 424px) { 
h4.av_iconlist_title {
	font-size: 13px !important;
	overflow-wrap: break-word;
}
}
@media only screen and (min-width: 425px) and (max-width: 767px) { 
h4.av_iconlist_title {
	font-size: 20px !important;
	overflow-wrap: break-word;
}
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hey kopf-und-stift,
Sorry for the late reply, I have used Poedit to edit the de_DE.po & de_DE.mo files for this phrase and linked them below in the Private Content area.
Please extract and upload the two files via FTP or your web host file manager to \wp-content\themes\enfold\lang\ , please save a fallback copy of your current files.
Then clear your browser cache and check.

Best regards,
Mike

Hey Kshipra,
Sorry for the late reply, I recommend using the plugin Simple Image Sizes and using it’s options at WordPress > Dashboard > Settings > Media > Media Settings to choose which thumbnails are created. The WordPress page for this plugin says it is old, but it still works good because has a basic function that has not changed in WordPress.
After making your choices you will need to Regenerate Thumbnails and clear your browser cache.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks to the link to the other thread. Unfortunately, there is not a way to apply css based on zoom level, but I was able to test this css on your page while using zoom in Chrome on Windows and it seems to solve this while keeping the active toggle border and the special heading border.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#wrap_all .main_color div:not(.togglecontainer) section,
#wrap_all .main_color div,
#wrap_all .main_color p:not(.activeTitle),
#wrap_all .main_color p.toggler:not(.activeTitle) {
    border-color: transparent !important;
}
#top #wrap_all .main_color .special-heading-inner-border {
    border-color: #545d62 !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey jb84,
Sorry for the late reply, the polylang plugin has a “string translation” option where you can set any text to be changed to anything in any language, not just a translation.

Have you tried this? If you have trouble setting this up, Please include an admin login in the Private Content area so we can assist.

Best regards,
Mike

Hey coxjeffery,
Thank you for the ftp access, I disabled your “Enfold” theme so we can login, but the login you post is not working please check.
It looks like your WordPress version is “5.1.6”, if so please update to “5.4.2”, and then let us know and I will enable your theme and investigate further.

Best regards,
Mike

Hey SphereEvenements,
Sorry for the late reply, the layerslider places these images from the file in the Private Content area. You could create a replacement file with the images you wish, or you could try this css with your own custom image.

.ls-noskin .ls-playvideo, .ls-noskin .ls-loading-container, .ls-noskin .ls-fullscreen {
    background-image: url(play-button.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

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

.avia_transform #top.home .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {
    visibility: visible;
    animation: caption-left 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    -webkit-animation: caption-left 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    animation-fill-mode: forwards !important;
}
.avia_transform #top.home .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content {
    visibility: visible;
    animation: caption-right 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    -webkit-animation: caption-right 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    animation-fill-mode: forwards !important;
}
@keyframes caption-left {
    0% {
        transform: translate(-2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(-2000px,0);
        opacity: 0;
    }
}
@-webkit-keyframes caption-left {
    0% {
        transform: translate(-2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(-2000px,0);
        opacity: 0;
    }
}
@keyframes caption-right {
    0% {
        transform: translate(2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(2000px,0);
        opacity: 0;
    }
}
@-webkit-keyframes caption-right {
    0% {
        transform: translate(2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(2000px,0);
        opacity: 0;
    }
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login. The fbevents.js is loaded by your HubSpot Embed Code in your child theme footer.php
Which I guess you are going to want to keep, but now you know where it is coming from.

Best regards,
Mike

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

.wpml-ls-menu-item.dropdown_ul_available span.dropdown_available:after {
	content: "\00a0\2BC6" !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike