Tagged: , , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 22, 2015 at 7:27 pm #507307
    blanchrosa

    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

    September 22, 2015 at 9:49 pm #507378
    Basilis

    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

    September 23, 2015 at 12:13 am #507423
    blanchrosa

    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!

    September 23, 2015 at 7:24 am #507518
    Rikard

    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

    September 23, 2015 at 11:17 am #507610
    blanchrosa

    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.

    September 24, 2015 at 5:39 am #508159
    Rikard

    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

    September 25, 2015 at 9:19 am #508835
    blanchrosa

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

    Best regards
    Rosa

    September 26, 2015 at 6:03 am #509352
    Rikard

    Hey,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
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.