Hi,
Thank you for the feedback, so originally I thought this was only occurring on the iPhone, but I tested on a desktop Mac with Safari and saw your issue in which the “h1 strong” tags & the button labels are set to display: inline where they should be set to block in order to see them. I tried to reproduce this on my test site but couldn’t, so this points to something on your site.
I also note that your “borlabs cookie” plugin is still activated and all of the text in its popup is hidden, please try disabling it.
Please include admin login in the Private Content area so I can investigate further.

Best regards,
Mike

Hi,
Thank you for your patience, I investigated this further as it pertains to the Fullwidth Submenu element, and currently if a top-level item has a sub-menu then in mobile the first click opens the sub-menu and the second click goes to that items link, but items in the top-level sub-menu don’t behave this way. I reviewed the script for this and was able to extend it for the second level sub-menus, Try adding this code to the end of your functions.php file in Appearance > Editor:

function fullwidth_submenu_mobile_script() { ?>
    <script>
(function($){ 
$('.avia_mobile').on('click', '.av-menu-mobile-disabled li ul.av-visible-mobile-sublist li a', function()
{
    var current = $(this);
    var list_item = current.siblings('ul');
    if(list_item.length)
    {
        if(list_item.hasClass('av-visible-mobile-sublist'))
        {
            
        }
        else
        {
            $('.av-visible-mobile-sublist').removeClass('av-visible-mobile-sublist');
            list_item.addClass('av-visible-mobile-sublist');
            return false;
        }
        
    }
});
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'fullwidth_submenu_mobile_script');

I tested this on your /nfc/ page by injecting the script via the browser dev tools mobile simulation, and what I noticed is the second level sub-menus items were off the screen at 425px because the menu items are 200px wide, but your text length will fit in a 100px menu so I would also recommend this css:

@media only screen and (max-width: 767px) { 
#top .av-subnav-menu > li ul {
    width: 100px !important;
}
#top .av-subnav-menu > li ul ul {
    left: 98px !important;
}
}

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,
Sorry, there is no “zoom in-zoom out” web function, this is only a local browser function.

Best regards,
Mike

Hi,
Very good then, try using a <br> befor the link or in the link like this:
<a class="tubzee-phone-mobile" href="tel:5555555"><br>555-5555</a>

Best regards,
Mike

Hi,
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: 1024px) { 
#top.home #home-content-slider {
    background-position: 85% !important;
    background-size: cover !important;
}
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Thank you for your patience and for the login, as I understand the current issue, on mobile your homepage content slider titles are off the screen:

this is due to this css in your <strong style=’color:#000′>Quick CSS:

To correct I wrapped with this media query rule:

@media only screen and (min-width: 1440px) { 
...
}

and now it is behaving correctly for mobile:

Please clear your browser cache and check, and feel free to fine tune to your needs.

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can login and check, my guess is that you do not have the Enfold Theme Options > Theme Options > Frontpage Settings set correctly:

or that you are relying on the WordPress > Settings > Reading > Your homepage displays > A static page option:

if so please un-select this option by choosing the -Select- choice at the top of the drop down & choosing the Your latest posts option and saving.

Then clear your browser cache and any cache plugin, and check.
If this doesn’t help also try disabling all of your plugins and checking again.

Best regards,
Mike

Hi,
For mobile please try this:

@media only screen and (max-width: 840px) { 
#top.home #av_section_1 > .container > .content {
    vertical-align: bottom;
}
#top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 {
	margin-bottom: 0;
}
}

To have something more universal you will need to add some custom classes to the elements, it looks like your structure is:
color section > 3/5 column > text block element (second of two) > embedded image
Please add a different custom class to each one of these, and remove the css I’ve posted above and I will re-write using your new custom classes. Also please post the custom classes you have added to each of these elements so I can find them easier.

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 sambalay,
Thank you for your patience and for the login, to import the xml file you would use the WordPress > Tools > Import > WordPress

But I see that your server doesn’t have the PHP ZipArchive Extension activated please activate this, I also see that you are using PHP v7.4.16, some users on some hosts have noted that downgrading your PHP version to 7.0 or the lowest 7.x you can go solves the import issue, mostly GoDaddy. Please try resetting your site with the WP Reset plugin, especially after a failed import, and try importing again.
If this fails please leave the PHP downgraded and include FTP access and I can try a manual import.

Best regards,
Mike

Hey psipi,
Thank you for your patience, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 > section:nth-child(2) > div > p > img.wp-image-1508 {
	padding: 0; 
	margin: 0;
}
#top.home #av_section_1 > div > main > div > div > div > .avia-builder-el-2 > section:nth-child(2) > div > p {
	margin: 0;
}

Best regards,
Mike

Hey m,
Thank you for your patience, but unfortunately, we do not have an option for a drop down menu in the socket, I guess the main issue is that the socket is at the very bottom so a drop down would have to increase the page height on hover or it would have to be a drop up menu? I imagine there would be some plugins that can create a menu shortcode that you can then use in the socket copyright field to achieve this.
If you would like to try this basic solution for showing an extra menu item on hover in the footer menu, perhaps it will help you.
So for this example, I have 4 menu links in my footer menu, 2 pages and 2 posts:

my 2 page menu items will always show, and the 2 post menu items will only show when the page items are hovered over, I’m only using page items & post items as examples so the explanation will be easier to explain.
For the menu items I have activated the custom classes in the screen options at the top of the page:

then I added the custom classes lead-one & lead-two to the two page menu items:

and sub-one & sub-two to the post menu items:

so the socket menu on the frontend looks like this:

then I added this css to the Quick CSS:

#socket .sub_menu_socket li.sub-one,#socket .sub_menu_socket li.sub-two {
	display: none;
}
#socket .sub_menu_socket li.lead-one:hover + .sub-one,
#socket .sub_menu_socket li.sub-one:hover {
	display: block !important;
}
#socket .sub_menu_socket li.lead-two:hover + .sub-two,
#socket .sub_menu_socket li.sub-two:hover {
	display: block !important;
}

then the socket menu on the frontend looks like this:

but when you hover over one of the items they appear to slide over and show the sub item:

You could add some css to animate the reveal or some different colors, etc and you could adjust to add a couple more items but you will be limited in space and this probably will not work well for mobile since there is no mouse-over for mobile, but perhaps it will help in a limited way.

Best regards,
Mike

Hey hanslandgreen,
Thank you for your patience and thanks for your screenshot, it looks like you are opening a page created with the Enfold Advanced Layout Builder with the WordPress Block Editor so when you are looking at your page find the button at the top to open the Advanced Layout Editor

then you will see the elements and can make your changes:

If you don’t see this button then perhaps you saved the page in the Block Editor mode in error, so to correct try going to your theme settings and change the editor to the Classic Editor

in the Classic Editor the Advanced Layout Builder button will be here:

Hopefully this will help you sort this out, if you are still having issues please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hey czar,
Thank you for your patience, I have tested the avia-special-characters plugin today in a table element in Enfold v4.8.3 and it is working correctly:

the result:

I also tested with the Disable jQuery Migrate & Load jQuery in your footer theme settings activated and the plugin continued to work, so perhaps one of your plugins is breaking it, try deactivating all of your plugins and caching and check again.
You will need to use the avia-special-characters plugin, or something similar to bypass the default WordPress action with these entities, this is not a bug.

Best regards,
Mike