Hey ausgesonnen,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

Adjust the 1024 value to the pixel width of your choice.

Best regards,
Rikard

Hi,
Thanks for the further information, this sounds like a feature request that the Dev Team will need to review, the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
Please post your request there instead of here in the support threads as the Dev Team doesn’t always check here.
Thank you for your patience and understanding.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey navindesigns,

Thank you for the inquiry.

1-2.) Looks like you’re using the “justified-image-grid” plugin for the gallery with its own lightbox option. You may need to disable the default Lightbox Modal Window option in the Enfold > Theme Options panel to get rid of the second lightbox. Please contact the plugin author about the column issue.

Best regards,
Ismael

Hey navindesigns,
Thank you for the link to your site and your example, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_single_post_banner() { ?>
  <script>
(function($) {
  $(function() {
  	var postTitle = $('.single-post h1.post-title').detach().text();
  	var postBanner = $('<div class="banner"><h1>'+ postTitle +'</h1></div>');
     $('.single-post .big-preview.single-big').detach().insertBefore('.container_wrap_first');
     $(postBanner).insertAfter('.single-post .big-preview.single-big img');
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_single_post_banner', 99);

and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top.single-post #wrap_all .all_colors .big-preview.single-big .banner h1 {
	font-size: 18px;
}
.single-post .big-preview.single-big .banner {
	top:18%;
	padding:0 5%;
}
}

.single-post .big-preview.single-big {
    padding: 0;
	pointer-events:none;
}
.single-post .big-preview.single-big .banner {
	top:30%;
	position:absolute;
	z-index:4;
	padding:0 10%;
	color:#000;
}
.single-post .banner h1 {
	background-color: rgba(255,255,255,71%);
}

@media only screen and (min-width: 1440px) { 
.single-post .big-preview.single-big {
	max-height: 450px;
}
.single-post .big-preview.single-big a img {
	transform: translateY(-20%);
}
.single-post .big-preview.single-big a {
	max-height: 450px;
}
.single-post .big-preview.single-big .banner {
	top:36%;
	padding:0 15%;
}
}

it will take the single post feature image and title from the default layout like this:

and create a full width banner with the title in it like this:

On mobile it should look like this:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
The subline above is calling the font-family “calibriz” which is not correct, it should be font-family “calibri-cursiv-bold”
So please correct your css to this:

#top .av-special-heading .av-subheading.av-subheading_above {
font-size: 32px !important;
    font-family: 'calibri-cursiv-bold'!important; 
    font-style: italic; bold !important; 
    color: #ff0044 !important;
}

then clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the link to your site, I found the page linked below that has an image inside of an accordion, so I assume this is the page that you were refuring to.
At first I thought that the image was not opening in a lightbox, it seemed that nothing was occuring when I clicked the image, but then I noticed that my pointer turned into a zoom pointer, that typically shows when you mouse-over a lightbox. When I check the browser inspector it showed the lightbox was open but transparent. I’m not sure if this is from some css or a custom function in your child theme, but switching to the parent Enfold theme shows the lightbox opening.
Please try this yourself so you will see that it works, then I recommend switching back to your child theme and try removing your custom functions and css until you find the cause, you have a lot there and I tried to find it but couldn’t. It looks like you have a few functions that disables different theme elements and functions so perhaps this is related.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, when I check it looks like you found the error because when I download your font and compare it to your site it is showing correctly.

@font-face {
    font-family: 'calibri-cursiv-bold';
    src: url('/wp-content/uploads/avia_fonts/type_fonts/calibri-cursiv-bold/calibriz.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: auto
}

note the characters with the arrows:

Unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I didn’t find the css in your compressed css file, but when I test by injecting it, it seems to work. Try adding it to your WordPress ▸ Customize ▸ Additional CSS and see if it works then, it’s probably a caching issue and you could try disabling your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable your Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files

Best regards,
Mike

Hey Chrisxx1982,
Thanks for the screenshots and the link to your site, but it looks like you have added a strong tag around your caption text and then used some custom css to create the button:

.av-image-caption-overlay-center p strong {
    color: #FFF;
    padding: 10px;
    background-color: rgba(0,0,0,.5);
    font-weight: 400;
    border-radius: 5px
}

So if you want the button in the image to be green then please adjust the background color in the above css, the image element doesn’t have a “button” option.
If you did use a strong tag I hope you are using the Special Character Translation plugin so you will not have this error:

If I have misunderstood please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for the host login, it looks like your Enfold theme is v4.6.3.1 which is very old and will noy work with PHP v8.2
So first try to downgrade your PHP to v7.4 to get your site back online, then manually update to v5.6.8, then you can change your PHP back to v8.2
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hey Karin_Tara,
Your blank media library items are pointing to a server error 500:

Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.

I’m not sure if this is only a server error or if a plugin is also playing a role, try asking your webhost to review your server logs and the error.
I see from your site health panel you cound try improving these options:
PHP max input variables 6000 ▸ 10000
PHP time limit 200 ▸ 600
Max connections number 200 ▸ 1000
I see that you only have 5 pages, and no posts or portfolio items and your small homepage loads slowly, perhaps this is related to your plugins, try disabling all of theme and see if you still have issues.
I disabled your Classic Editor plugin and Disable Gutenberg plugin, and enabled the Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor option.

Best regards,
Mike

Hi,
When you choose your image please ensure that the size is large enough, such as “full size”, by default the “medium” size is selected so the images are small:

Best regards,
Mike

Hi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, I place the css in WordPress ▸ Customize ▸ Additional CSS because you are using multiple languages and wanted it to work for all languages, you can move it to Quick CSS if you wish, but you will need to add it for each language. WPML creates a theme panel for each language. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike