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 Levante,
Sorry for the late reply and thank you for the login, I added this css to correct:

.avia-chrome #top .av-hide-gallery-thumbs .avia-gallery-thumb {
    display: none;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this css instead:

#top #main > div:not(#footer,#socket) a:not(.avia-button) {
	color: #719430;
}

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

Best regards,
Mike

Hi,
Thanks for the feedback, for main content link color please try this css:

#top #main > div:not(#footer,#socket) a {
	color: #719430;
}

The reason your comment section is acting this way is because you are logged in and your page can only be seen when you are logged in, once you publish the page for everyone and you look at it logged out you will see the extra fields required for a visitor to post a comment.
For the anchor links in the icon list, just as you have the “FAQ” set now is the best way.

Best regards,
Mike

Hi,
From your screenshot I see the columns are not the same height, I thought we were talking about having the columns side-by-side on tablets instead of stacked as on mobile.
I assume that we are still talking about the table element, because if they were the column elements you could use the “equal height” option. The tables do not have this option, but you could try a script like this: specific equal height rows
From your screenshot it looks like you could use some css to set a min-height to all of the blue cells, but that would give most of them extra empty space. Probably the best solution would be to add some more text to each item, some general like “Starter Package” or “Most Popular” or “Makes a Great Gift” there is always some filler you can add.

Best regards,
Mike

Hey S.,
Thank you for your patience, the embed code snippet from the help page uses javascript and is not an iframe, please try this code in a code block element and it should work as-is, but if you have trouble please link to your page with admin access and we will check.
Since this is the platform you are using you will want to use their javascript.
From your StackOverflow link you will notice this comment:

Another crucial drawback with iFrames is the fact that there are many websites out there which have set ‘X-Frame-Options’ to ‘sameorigin’ and then simply refuse the connection. In this case, your iFrame remains empty. No way to fix that.

Best regards,
Mike

Hi,
For laptop do you mean 768px ▸ 1024px ?
they should be showing this way now

If you mean a different size then please link to your page.

Best regards,
Mike

Hey honighut,
Thank you for your patience and for the login, I see in your theme options Change WordPress defaults you do not have any jQuery options:

this is what you should see:

typically this occurs when the server is forcing jQuery to load in the footer or it is being blocked, I believe this is the cause for your error, please check.
I also see that your server is using PHP v8.0.8, please try downgrading to v7.x

Best regards,
Mike

Hey marleymoyer,
Thank you for your patience and the screenshots and the link, in my testing I fould that if the anchor links are accessed directly on mobile the correctly section is scrolled to, but when your full-width submenu is used they don’t for some reason, please include an admin login in the Private Content area so we can examine closer.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, this is a tricky request as the shrinking header is calculated by javascript, the following javascript seems to work but it is not as smooth as I would expect.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script() { ?>
    <script>
const parent = document.getElementsByClassName("av-logo-container")[0];
const child = document.getElementsByClassName("av-main-nav")[0];
document.addEventListener("scroll", checkParent);
let lastHeight = 0;

function checkParent() {
  const parentHeight = parent.clientHeight;

  if (parentHeight >= 240) child.style.paddingTop = "110px";
  else child.style.paddingTop = "0px";
}

function checkForChanges() {
  const parentHeight = parent.clientHeight;
  if (parentHeight != lastHeight) {
    checkParent();
    lastHeight = parentHeight;
  }
  setTimeout(checkForChanges, 100);
}

checkForChanges();
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Thank you for your patience, the mobile menu is created dynamically so I don’t know how the plugin is swapping the menus, but to use a different menu on a certain page you could use this filter in your child theme functions.php:

function av_different_menu( $args = '' ) {
    if(is_page('591') && $args['menu_id'] == 'avia-menu') {
        $args['menu'] = '21';
    } 
    return $args;
    }
add_filter( 'wp_nav_menu_args', 'av_different_menu' );

Please adjust the page & menu IDs to suit. To find the menu ID for your menu hover over the “delete menu” link and look at the link address

Best regards,
Mike

Hi,
Thank you for the link, your page is not the category archive page that I was expecting, it seems to be a page with a blog post element targeting the category category-event-campaign , but try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script() { ?>
    <script>
(function($) {
  $('.entry-content').on("click", function() {
        window.location = $(this).parents('.post-entry.category-event-campaign').find('.big-preview a').attr('href');
        return false;
    });
    $(".entry-content").mouseover(function(){
      $(this).css("cursor", "pointer");
  });
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

to hide the “read more” button try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.post-entry.category-event-campaign .read-more-link {
	display: none;
}

Best regards,
Mike

Hi,
Are you still using the same YouTube gallery plugin that was causing the conflict, or are you also able to give that up so that only the theme lightbox script is used?

Best regards,
Mike

Hey johnosjourney,
I assume that you mean that you have tried uploading the custom font via the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager
and added the font family css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to apply to your elements.
I note that you say you are using OTF, but our Supported Font Formats are:
ttf
eot
woff
woff2
If your custom font does include one of these and you are still having trouble please link to the zip you are using so I can test.

Best regards,
Mike

Hey selafferty,
Thank you for the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-21 #avia-timeline-1 {
	 padding: 0 8px;
}

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

Best regards,
Mike