iFrame/php file conflicting with theme

kryptotel · October 2016

Hello,

I am using one of your theme for my website mentioned below. In one of the pages I am using an iFrame/php file to display price list. Although the price list scroll works fine on the desktop version, but doesn't work properly on a mobile/tablet. On mobile devices it doesn't show the scroll at all.

Have provided the page link here:

http://www.voip1click.com/pricing/

Kindly let me know how do I resolve it as the issue seems to be theme scroll conflicting with iframe scroll.

Look forward for a quick response. I have contacted muffin support for this earlier as well through message but didnt receive a response at all. I am still entitled for a support from muffin group for be theme.

Best, K.

kryptotel · October 2016

Expecting support from Muffin Group. I am entitled to support but unfortunately Muffin Group never responds back.

Albert · October 2016

Hey,

please switch to default scroll instead of Nice Scroll under Theme options > Addons & Plugins > Addons section and this should help

P.S. We would be very grateful if you can do not say like that. We reply with 24 hours always except weekends. If you don't know the rules, we suggest to check our profile's page https://themeforest.net/user/muffingroup (it is not our fault you are leaving questions on Sunday). Please understand we are people also and we can not work 24 hours per a day.

kryptotel · October 2016

Did that but it doesn't solve the problem. It still has the same issue..

What should be done?

kryptotel · October 2016

Analyze the page again if you want to: http://www.voip1click.com/pricing/

kryptotel · October 2016

Hello?

Albert · October 2016

Could you show us on screenshot what exactly does not work? Because from what we can see now, all is fine.

kryptotel · October 2016

Kindly check the above page from mobile and also from a PC.

When you enter a country name or a prefix in the search bar and then click search it will display some entries. Now when you see these entries from a PC it will have a scroll to move up and down on these entries. But that scroll doesn't appear when you do that from mobile or a tablet.

Kindly do the above process and you will clearly understand what I am trying to explain.

Albert · October 2016

This is what we did and this is what works on our end. Just check the following screenshots: http://pasteboard.co/g2nm04tpd.png and http://pasteboard.co/9WvYfuoi.png

kryptotel · October 2016

OK. Since you don't get it. Please see the below screenshots. First one is taken from a desktop and second one from a mobile.

See the comparison in the two images. One taken from the desktop has a scroll and another taken from a mobile doesn't have a scroll.

View from a desktop: http://pasteboard.co/g3t79PJwc.png

Viewed from Mobile: http://pasteboard.co/g3vSS23kK.png

Albert · October 2016

Yes, we definitely misunderstood because we never thought that you are talking about the scroll bar to be visible on mobile devices because such devices just does not display such scroll bars and it's the most proper behave.

Anyway, we found where the problem is and it has nothing to theme of course. The problem is with your iframe only and to make it scrollable on mobile, you need to use the following css:

.callrates {
    overflow: scroll !important;
    -webkit-overflow-scrolling:touch !important;
}

But please notice that mobile devices won't never display the bars. Iframe wouldn't be scrollable but without the bars.

kryptotel · December 2016

Hello!

The iframes have a scroll for the width as well. How can I have full width of iframe displayed without the scroll (scroll for width, horizontal scroll). On mobile devices.

Look forward.
Thanks.

Albert · December 2016

We are sorry but we do not have an solution to make it possible.

iFrame/php file conflicting with theme

Comments