Hi,

@sarthakchoudhary I tried to create a 3 flip box row as an example to understand what you want to achieve in regrades to “space” between the flip boxes, I used the Inverse Layout to show the backsides and due to the padding they seem to have space between them.

If I add a background color it then seems like there is no space:

.avia-icongrid-flipback {
    background-color: lightgray;
}

To give it some space in this situation change the margin like this:

.avia-icongrid-numrow-3 .av-icon-cell-item {
    flex: 0 1 32%;
}

If this doesn’t help please explain with more detail and link to a test page and perhaps a screenshot would help.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, I found that the sliders where visible on Mac Safari, Chrome, Firefox. But not visible on Windows in Chrome, Firefox, & Edge.
I exported two of your slider to my demo site and the same was true only for your sliders. I found on your sliders the option LayerSlider ▸ Project Settings ▸ Mobile ▸ Hide On Mobile was enabled and this hid the sliders on Windows.

I made this change on your site for the homepage slider 2021 slider and now it shows on Windows, please try to make this change for your other slides.
I have let the team know about this so we can let the LayerSlider team know as it seems to be an issue in the LayerSlider.

Best regards,
Mike

Hey sarthakchoudhary,
Please see our documentation: Image logo with subtext

Best regards,
Mike

Hi,
Ok, but to point out what I’m seeing again, the columns in the tabs like on your page called shortcodes is fine, but the code in the tabs on the error page has 80 div’s, 4 of which is unclosed and most are empty, as in the screenshot above.
This is not the case on your page called shortcodes, I assume that you setup the original layout and someone else has been trying to follow your layout and in their copy/paste added all of these extra broken div’s, that is where the problem is.
Or another way this could occur is if you were copying the tables from another page/site on the frontend and not the source code, and then pasteing into the tabs in the visual mode of the text element in the tabs instead of the text mode the text element in the tabs.
The visual mode of the text element will add formating from the clipboard.

Best regards,
Mike

Hi,
To change the desktop version of the ID about to a different ID when the mobile menu is clicked so the mobile version of the ID about can be used for the anchor of the mobile menu try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_desktop_about_id_for_mobile() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){ 
  $('.avia_mobile').on('click', '.av-burger-menu-main', function() {
    var aboutDesktop = $('#about.av-small-hide');
    $('#main').find( aboutDesktop ).prop('id', 'desktop_about');
  });
}(jQuery));
});
</script>
  <?php
}
add_action('wp_footer', 'change_desktop_about_id_for_mobile');

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

Best regards,
Mike

Hi,
Thanks for explaining the reason behind the product titles, I don’t believe that this html in the product titles is causing an issue with the tabs, I believe the html in the tags is the cause. I bring up the product title html because it may be a risk if someone edits the title and accidentally removes one of the closing tags, please just keep this in mind and maintain backups.
For the tabs, I looked at the draft page called shortcodes and this shortcode and html looks pretty clean with no unclosed div’s so this should be fine to use in a tab.
But the code in the other page with the unclosed empty divs needs to be corrected to look like your shortcodes page.

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,
Thanks for the login, the product page you linked to has HTML in the page title:

<strong><span style="color: #0066b3;">Premium</span></strong> Pre-Formed Cuff<br>$89.99</br>

I would recommend against this practice, you can use css to change this on the frontend, but I’m not sure where you expect this to show since you have page titles disabled in the theme settings. I see that all of your products are like this:

For the Tab Test Page that you created, is definitely broken as the tabs are not selectable and at the bottom in the backend and the red box should not be there. I tried coping it to my demo site but couldn’t fix it.
There are 81 <div but only 77 </div so that means there are 4 unclosed div’s there are also Unicode Characters in the page code which was probably added when you copied and pasted from wherever you copied the code from.
The page also contains empty divs with classes such as page, section, layoutArea, column

these serve no purpose and I recommend removing them.
For this page you should start over and add the tabs one at a time and check the html carefully, there is no easy fix for this.
Best regards,
Mike

Hey evabo,
Thanks for the link to your site, to not use the mobile menu and to have a transparent header on mobile please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

@media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item-avia-special {
  display: none;
}
}
@media only screen and (max-width: 767px) {
#top #header .av-main-nav > li.menu-item  {
    display: block!important;
}
}
@media only screen and (max-width: 766px) { 
.responsive #top #main {margin-top: -80px!important;}
#top #wrap_all .av_header_transparency {background-color: transparent!important;}
div#header_main > .container {display: block !important;}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The Dev Team says it should be released on Monday, I have checked the blog element and it will show the tags if you add this filter to your child theme functions.php:

add_filter('avf_show_tags_meta', 'show_tags_on_blog_posts');
function show_tags_on_blog_posts(){
	return true;
}

This new feature has been added to our documentation: Display post tags on Blog Posts element

Best regards,
Mike

Hi,
Thank you for creating the test site.

Best regards,
Mike

Hi,
Thanks for the login, I see from your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server
your Max input time is 60, try changing it to 120 or more.
I also recommend disabling all plugins except for woocommerce which needs to be installed and activated for the Shop demo.

Best regards,
Mike

Hi,
Do you have a custom login url? The one below is not working.
What webhost are you using?

Best regards,
Mike

Hey Zdeněk,
Thanks for the link to your site this is because one of your breadcrumbs is empty but I not sure what is causing this, I see you have customized woocommerce files and productslider and you have jQuery errors in the browser console and you are using Yoast which may be changing the breadcrumbs.
JQuery errors often have a cascading effect, so first try disabling your custom sticky function.
Then try switching to the parent theme so the child theme custom files are not used.
Then try disabling your plugins.
One of these steps should identify the cause.
If not or if the cause is something that you can not change you could use this css to hide the extra backslash since it only occurs on product pages.

#top.single-product #main > div.title_container > div > div > div > span:nth-child(5) {
	display: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post, or you use DropBox, Google Drive, etc.
If it is easier you can Record the screen on your Mac or for Windows use the free Open source ShareX see this easy article: How to record screen on a Windows computer using ShareX tool

Best regards,
Mike