Hot One Page Template - Mobile Issues SOLVED

  • JasonMDay
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 11 months ago - 3 years 6 months ago #38444 by JasonMDay
Hello,

We are using the Hot One Page template for our website and LOVE it!

The only trouble we are having is getting it to display correctly on Tablets and Phones.
Anyone else run into this issue? All my devices are IOS, so I can only speak from that perspective.

Any help or advice would be greatly appreciated as I am kinda new to this.
Our website is
Code:
http://www.themissionredlands.com
Thanks so much for listening.

All the best!
- Jason Day
Last edit: 3 years 6 months ago by milos.

Please Log in to join the conversation.

  • JasonMDay
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 11 months ago #38445 by JasonMDay
Also I should mention that the responsive settings in the template manager are enabled.
Thanks!

Please Log in to join the conversation.

More
9 years 11 months ago #38449 by ivan.milic
What is actual problem ?

Please Log in to join the conversation.

  • JasonMDay
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 11 months ago - 3 years 6 months ago #38450 by JasonMDay
This is what the site looks like when it loads on my computer.

This is how is loads on my iPhone 5.

This is what happens if I zoom out on my iPhone 5.

And finally, this is what it looks like on my iPad.

So what I would like to know is how to make it display correctly on all devices. I know it will look slightly different but we need it to be a least usable.

Thanks so much for all your help.
And Sorry I wasn't clear before.

All the best.
- Jason Day
Last edit: 3 years 6 months ago by milos.

Please Log in to join the conversation.

More
9 years 11 months ago #38453 by ivan.milic
Open:

templates/hot_one_page/js/responsive_menu.js

replace:

if(topMenuWidth > topMenuContainerWidth) {

with:

//if(topMenuWidth > topMenuContainerWidth) {
if(jQuery(window).width() < 1140) {
The following user(s) said Thank You: JasonMDay

Please Log in to join the conversation.

  • JasonMDay
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 11 months ago #38528 by JasonMDay
Thanks so much ivan.milic! Your advice worked great for fixing the responsive tabs problem.
We are still having the other problem with the pictures not adjust to the screen size of the mobile devices.
If you look at the pictures I posted above, you can see what I mean.

This is probably not be a template issue. It may just be my lack of html knowledge because I notice that the template demo adjusts fine. Any help someone could offer with this remaining problem would be great!
Thanks so much in advance.

All the Best.
- Jason

Please Log in to join the conversation.

Time to create page: 0.161 seconds
Powered by Kunena Forum