TheAdmin

Mobile broken


pgieniec
pgieniec Purchased - Supported
3 months ago

Hello!

Not sure if this has been reported before, but the templates aren't working on mobile (using iOS 10.3.2 14F89) and Chrome 59.0.3071.102

None of the links in the navigation bar work, the web site simply does not render properly when using chrome or safari.


Let me know if I am doing something incorrectly, but just hoping over to your demo resulted in this behavior. I've attached screenshots showing the issue. 


I was visiting this demo http://thetheme.io/thesaas/demo-app.html?utm_source=themeforest&utm_medium=description&utm_campaign=thesaas



Attchments (3)
TheThemeio
TheThemeio
3 months ago

Hello,

That's weird! We'll check it on an iPhone soon.  And for those customer review blocks, will add some padding in left and right for the next update. Also, will make another round of responsive tests on mobile devices.

Thanks for reporting these issues.


Hossein Shams

CEO and Developer at TheTheme.io

pgieniec
pgieniec Purchased - Supported
3 months ago

Hey Hossein,


Cool let me know what the ETA is on the fix. Would appreciate that!

TheThemeio
TheThemeio
3 months ago

Sorry for late response. It has already fixed. Please download the latest release from Themefroest.


Hossein Shams

CEO and Developer at TheTheme.io

pgieniec
pgieniec Purchased - Supported
3 months ago

Hi Hossein,

This works better, however it's still not fixed. It seems to work slightly better, some elements are showing up, and rendering where previously they were not however the mobile experience still omits the majority of the elements.


For example http://thetheme.io/thesaas/?utm_source=themeforest&utm_medium=preview&utm_campaign=thesaas


Go to that website on mobile vs web, the top header is not rendering properly,  entire sections are missing. I've attached screen shots to show the rendering differences. This is using v1.3.1


As you can see the top header's are missing, the entire setcion for Saas/WebApps/Authors/Startups and the purchase button is missing, the Sample Landing Pages are missing, Header Varieties are missing, Full, Faster, Functional section is missing etc...


Let me know if you need anymore details.

pgieniec
pgieniec Purchased - Supported
3 months ago

Sorry, it appears that photo uploads would result in a "Whoops an error has happened" message, didn't mean to spam.

TheThemeio
TheThemeio
3 months ago

Hi,

Sorry to see the problem still persist. I was using an older version of Safari. I saw the problem again after updating the Safari.

The problem is fixed now. Could you please take another look at the template and confirm that the issue has fixed? http://thetheme.io/thesaas/index.html

We'll update the template in few hours. You can be an early adapter by replacing your css file: http://thetheme.io/thesaas/assets/css/thesaas.min.css

Thanks.


Hossein Shams

CEO and Developer at TheTheme.io

pgieniec
pgieniec Purchased - Supported
3 months ago

Cool replaced the css, and it's about 80-90% there. Some of the sections aren't appearing on mobile.

For example, with your link http://thetheme.io/thesaas/index.html scroll down on iPhone to Feature 5, Header Varieties.

On web it shows 6 options (Color/Gradient/Typing/Image/Video/Slider) on mobile it shows (Color/Slider)

Also Feature 3 is entirely missing on mobile (iOS) while it's completely visible on web. This is happening with some sections that I have for my template.

TheThemeio
TheThemeio
3 months ago

Those sections are intentionally invisible on mobile devices because of responsive behavior. For example, for Feature 5, if we display all the 6 options, they will fall down into 3 lines which makes it an ugly design.

So we have to hide some blocks or part of components in small screen devices.


Hossein Shams

CEO and Developer at TheTheme.io

pgieniec
pgieniec Purchased - Supported
3 months ago

Totally makes sense that some elements can't be displayed in the same way due to screen size constraints.

However, it would be good to have an alternative option to display rather then silently hide these sections.

TheThemeio
TheThemeio
3 months ago

The width limitation will make it hard to display these components correctly, but we'll work on it display as much content as we can in the next updates. However, you can enable displaying those components by removing .hidden-md-down and .hidden-sm-down classes.


Hossein Shams

CEO and Developer at TheTheme.io




You should login to be able to write a reply.