Hi, you need to access the website via a real mobile browser, and now not scaling down your desktop browser.

The fullwidth submenu is not sticky on mobile phones.

I did around google and found someone with the same issue. Appears the dev on this page but I can’t find it for me like he did for him. Perhaps you know the missing link I don’t since i’m not a dev?

https://community.theme.co/forums/topic/how-do-i-embed-video-in-responsive-lightbox-with-3rd-party-video-provider/

Here’s the responsive one

<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="//fast.wistia.net/embed/iframe/uor4461zof?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div>
<script src="//fast.wistia.net/assets/external/E-v1.js" async></script>

And the fixed one

<div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="//fast.wistia.net/embed/iframe/uor4461zof?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div>
<script src="//fast.wistia.net/assets/external/E-v1.js" async></script>

What about the oEmbed URL thing?

I just dropped 3.6.1 on top of 3.6 and my site is working again.
C

Here are all the code options Wistia gives me with the respective code. Anything look workable?

Inline Embed

<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_embed wistia_async_uor4461zof" style="height:200px;width:356px">&nbsp;</div>

Inline Embed Responsive

<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_uor4461zof videoFoam=true" style="height:100%;width:100%">&nbsp;</div></div></div>

The above can also be toggled to Fallback instead of Standard Javascript Embed code, plus you can check a box for oEmbed URL. Says recommended for WordPress.

Popover Embed

<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><span class="wistia_embed wistia_async_uor4461zof popover=true popoverAnimateThumbnail=true" style="display:inline-block;height:200px;width:356px">&nbsp;</span>

Popover Embed Responsive

<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_uor4461zof popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;width:100%">&nbsp;</span></div></div>

Public link for sharing

https://strengthinnumberscoaching.wistia.com/medias/uor4461zof

Hi Basilis,

I tried disabling all plugins and it still comes.

Obviously the event calendar stopped working when i disabled all plugins

I had to enable event calendar plugin – when I did that – the calendar appeared and it still shows.

So now im stuck :(

Waiting on your expertise now.

A combination of all of the above codes worked! Thank you!! For anyone else finding this thread, here is my final CSS:

/* Media - Masonry Gallery - Makes masonry gallery full width on mobile devices */
@media only screen and (max-width: 464px) {
.responsive.html_stretched .av-masonry-entry {
  max-width: 45%;
}
#top .container .av-masonry.av-large-gap {
  margin-left: 20px;
}
#masonry_full_width .container, #masonry_full_width .template-page {
  width: 100% !important;
  max-width: 100% !important;
  margin: auto !important;
}
}

• This reply was modified 9 years, 9 months ago by enfold4phil.

@Guenni007
If I’m not wrong, the CSS you gave do not exist in this Enfold version…

The online CSS line that exist with the class .av-hide-on-mobile is in layout.css, line 3590:
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;}

EDIT:
Enfold do not use wp_is_mobile() but:

    	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
    	{
    		$.avia_utilities.isMobile =  true;
    	}
    	else
    	{
    		$.avia_utilities.isMobile =  false;
    	}

Hi

I’ve reinstalled the theme and re-installed my website on a different domain. So far all is working well.

Please close this ticket and if I encounter any issues I will open as a new topic.

Thank you for your patience and support.

Lyse

@Andy – that plugin does not stop the WooCommerce thumbnails from being created by /config-woocommerce/config.php, which is the question I asked how to do in my first post, and which has still not been answered, although I think I’ve now figured it out. (-:

For one image uploaded Enfold creates an additional 19 images which triples the disk space used. I am never going to use all of those image types in the website and so I will use the remove_image_size function to stop the ones I don’t want from being created on upload to save space/bloat.

That plugin has however highlighted even more images that Enfold creates as well as gallery, magazine, masonry etc.

So please can you/someone advise what & where these image sizes are used for? If I don’t use them anywhere, I will stop these being created as well, but I need to know where Enfold might use them i.e. are they “core” to the theme.
arpw-thumbnail
wpbdp-thumb
wpbdp-large

After this was applied: https://kriesi.at/support/topic/anyone-else-having-issues-with-chrome/

I am still not able to view Special Headings, Text Boxes, Buttons, Gravity Forms while logged into WP Admin. Can someone please help ASAP? I really need to be able to view when pages are live or in preview to see if I like what I see.

This is happening across multiple browsers & both mac & pc as mentioned above which makes me think it has to be something within Enfold!