Okay
  Public Ticket #698092
Some problems on mobile view...
Closed

Comments

  • Johannes started the conversation

    Like i have writen on TF Dashboard i see now the sidebar (white space on right side) that let text pages on mobile phones like my iphone 5 and 6 look like the site have a bug or is not right working on mobile phones, that is not so great looking! I see it to late, because i have not tested for buying on mobile, i was thinking it will have only down to ipad this great left side navigation and not also for mobile phones. If i see this before i would not buy this theme, i realy think you will get less sales with this problem on mobile phone if any have a look on this before buy.


    Also the page is verry small for text ect. on mobile phones, would be great for mobile phones (under 680px) have a top navigation and not the left side navigation, than pages are bigger, H1 header text are not cuttet (only with your font are text not cuttet, but i want to use normal font for header, you can see if you use "Open sans big" for your H1 Tiitel, all Text will cuttet ect.. like i have now on my page. On Ipad the side navigation looks good, because bigger screen but under 600px is bad looking, sliders also not working  on this small screen… you have seen?

    Also the left side navigation is on my iphones jumping up and down if you scrolling, and if you open and close the navigation is flickering..?


    Have a look on my site with normal font but same size ect.. you will see it is not nice looking on mobile view.. :-(

    I realy love this theme on desktop down to ipad view, but on mobile phone now it is not working like it should, i'm sure many will wirte the same to you, you will lost buyer with this naviation and big space on mobile phone view.



    Is there any option to hide this sidebar??

    Beacause now i see on TF that an other user also write about this problems on mobile phone, the white space, buggy on scrolling ect....

    You write there: "The side panels can have the function autohide. See a blog post page."? 

    Where can i find this function? to urn of it on all pages.


    THX!!



  •  2,006
    Support replied

    Hello Johannes,

    thank you for your honest feedback.

    So we provided with the CSS code on dashboard and we will include a feature in our next update so that that sidebars will autohide on mobile devices if there is an option set. This will provide more space, if needed , on mobilephones.

    The font for various sections can be changed also with theme options -> styling options -> custom css if Typography is too general.

  • Johannes replied

    Hi,


    sounds great about new option to hide sidebar on mobile, i'm sure all buyer will love it to have this option.

    I know about font, but i want to use my own font, not google fonts, the problem is, if i don't set right now smaller size for H1, H2, H3.. fonts on mobile, a font like i use right now (or test it with open sans for header texts) they much to big and will cuttet on right side, so maybe you have also a look on this issue to set smaller size Titel on mobile that will work with the most fonts like open sans.


    Big thx, hope update coming soon that i can use this nice Theme!

    Johannes

  • Johannes replied

    One more question about the loader with own image, if i upload a logo (150x150px, png) it will not show the image in center of display, and also where fast in out so you can't see it (1 sec about), and what about the html code for this loader, can you tell me a demo html code for this loader with my own Logo image, thx!!



  • Johannes replied

    and i would also deactivate the Overlay Menu for mobile, because it is all cuttet too and heder bar is overlaping..Have look on image.


  •  2,006
    Support replied

    Hi Johannes,

    We`ve looked into your site and saw you've modified the h1 an h2 on responsive. 

    Regarding your big loader. Now the css is for standard loader(40px x 40px). If your loader size is 150px then you need to adjust the position. Please add this in Custom CSS:

    .animsition-loading:after {
      margin-top: -75px;
    }

    The loader disappear fast because your content is not heavy.

    We hope to release our update with autohide panels in max 2 days.

    Thanks!