Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #507307

    Hi team!

    I am finishing my web. In mobiles is looking quite good (some text should to be fixed), but I have a problem with tablets view, like:

    – IPAD (768×1024 -portrait)
    – google Nexus (800×1280 portrait)
    -Nexus 7 (600×960 landscape)

    In these cases the web shows duplicated menus. The mobile menu on the top and the regular menu at the left sidebar appear at the same time.
    Moreover, the right sidebar is showed but shrinked, so, behaviour is not the expected one.

    I have been trying for hours ideas from the forum, but no one works for me and I am not very expert in css.
    Could you give me some help?

    I would like the portrait view for tablets be the same that for mobiles (widht in portrait smaller than 800px)
    And for tablet landscape views (width smaller than 1024px), the mobile behaviour could be ok too.

    I appreciate your ideas!
    Thanks
    Rosa

    #507378

    Hey blanchrosa!

    Everything is possible, but that would need a lot of work to be done.

    You can contact one of our Customization Contractors, who will help you out with the process.
    http://kriesi.at/contact/customization

    Let us know if we could do anything else, regarding our theme

    Regards,
    Basilis

    #507423

    Hi Basilis,

    Thanks for your suggestion, although I can’t understand why do you say that this modification takes lot of work.

    Maybe I didn’t explain well what the problem is.

    I was just trying to force showing the iphone view on Ipad, that is, showing an iphone screen when media width is 1024px or less.

    Well, I have been looking more and more through the forum, which is plenty of questions and answers about visualization problems on ipad, and I have found this recent post https://kriesi.at/support/topic/blog-displaying-weird-on-ipad/

    So I have put this code in Quick css:

    @media only screen and (max-width: 1023px) {
    .flex_column {
    width: 100%!important;
    margin-left: 0!important;
    }}

    and I think it is working!

    Is this the best code to get this effect?

    (I have hidden the left menu too with @media and display:none)

    Thanks!

    #507518

    Hey,

    I’m unsure what you mean by duplicate menus as I couldn’t see anything like that, could you post a screenshot highlighting the issue please?

    Best regards,
    Rikard

    #507610

    Hi Rikard,

    Here is a screenshot with the problem on IPAD portrait view 768×1024

    But with the code I mentioned before in Quick CSS now I get on IPAD the same view that in Iphone (see screenshots too).

    @media only screen and (max-width: 1023px) {
    .flex_column {
    width: 100%!important;
    margin-left: 0!important;
    }}

    I don’t know if it is another or better way to get the same effect.

    #508159

    Hi,

    If the code you are using works for what you want to accomplish I don’t see any problems with using it. Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

    #508835

    Hi Rikard,
    Thanks for your help.!!
    You can mark the problem as solved.

    Best regards
    Rosa

    #509352

    Hey,

    Great, glad we could help :-)

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Not responsive in tablet: Mobile and left sidebar menus appear at the same time’ is closed to new replies.