I posted the link. There is a video displayed on desktops. On mobile devices it will be replaced with the image. Sometimes this image doesn’t load propery. It only covers the half of color section.

It seems to only happen on iOS devices, but I have identified the source. When you click on the Facebook button on Android, it goes right to the Facebook share page. On iOS devices, clicking the Facebook button will first bring up the “Share on Facebook” tooltip. If you click the Facebook button a second time, it seems to work. But since a tooltip that reads “Share on Facebook” comes up, I was confused, thinking that was the actual button.

Of course, clicking on the tooltip does nothing.

Here is a photo of the action I was performing on an iPad:

I am worried that others may have the same issue, thinking the “Share on Facebook” toolip is the actual button. It works great on a desktop as the tooltip lets the user know what will happen when they click on the F button, but on mobile, the tooltip makes it a little awkward. Interestingly enough, the tooltip does not show up on Android.

Maybe the best resolution would be to disable the tootip on mobile devices. Is that possible?

Hello sorry for my english ..

I need to always display on the top navigation menu, when my site is displayed by smartphone.Now when I view the site from your smartphone, if you’ll scroll the page down navigation menu disappears

Also, there’s a problem with the followup reply email post link:
https://kriesi.at/support/topic/how-can-i-accomplish-this-2/%-2-3post-6-7-5-1-8-5/ (broken)

suppose to be

After further investigation, I found the error:

Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method ‘toArray’

Further research lead me to this thread. The posted solution didn’t work for me. I then found this thread. This solution did work for me, temporarily.

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

Hi Ismael,

this seems to be working somewhat, what I notice when adding

@media only screen and (max-width: 1280px) {
.responsive #top #main .sidebar {
    display: block;
    width: 100%;
}

.responsive .single-product-summary {
    width: 100%;
}
}

is that the place where the sidebar would be is still there, it’s blank now instead, so the main content area did not seem to act responsive.
AND
I notice that the title + add to cart and other items that usually go beside the images of the product also go below, and not just the sidebar.

Creds are below and permission to disable plugins

ALSO: i followed

Please review the thread again: https://kriesi.at/support/topic/moving-woocommerce-tabs-underneath-the-image-and-short-description-full-width/#post-352383

I was able to see that this bit of code on comment does work for adding the tabs below the product but, it kills the sidebar completely and bumps it to below the products regardless of resolution of screen size.

• This reply was modified 9 years, 7 months ago by ENBertussi. Reason: needed to address other issue