This topic has 12 replies, 3 voices, and was last updated 10 years by Laura.

  • Author
  • #80960
     whwebheads
    Participant

    Hi guys,

    I have 2 issues if you can help please. The site is http://newsite.interiordesignmasterclass.ca

    1. How do I force the mobile menu (three bars) on horizontal orientation on an iPad? Right now the menu is breaking to the next line (see image1.png). I’d like it to just show the mobile menu there instead of breaking it. Just like it is doing for the portrait view on iPad.

    2. Is there a way to hide the top bar on mobile view? It splits to 2 lines and takes up quite a bit of room in portrait on an iPhone. Ideas?

    Thanks,

    Chris McAuliffe

    #81039
     whwebheads
    Participant

    The site has been launched so you can see it now on http://interiordesignmasterclass.ca

    I see other issues have been resolved before mine – can I inquire as to why there has been no response to this yet?

    Chris McAuliffe

    #81085
     sharmstr
    Moderator

    Try this in your quick css

    COPY CODE
    
    @media (max-width: 1200px) {
    .sticky-wrapper {
        height: auto!important;
        margin-top: -1px;
    }
    .social-header {
    display:none !important;
    }
    
    .navbar-header {
        float: right !important;
    }
    }
    
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #81123
     whwebheads
    Participant

    Hi guys,

    This did not work – the social header bit did but the nav is still breaking to the next line on iPad – is there something else we can try?

    Thanks,

    Chris

    #81128
     sharmstr
    Moderator

    Try changing it to 1250 instead of 1200

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #81129
     whwebheads
    Participant

    Nope and the float right code just makes the logo right aligned instead which I don’t want.

    Any other options?

    Chris

    #81134
     sharmstr
    Moderator

    respond privately with admin credentials. Its a pain in the rear to test this using chrome.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #81136
     whwebheads
    Participant

    user: admin
    pass: #Y%31%7$$@

    Let me know – thanks,

    Chris

    #81138
     sharmstr
    Moderator

    Instead of switching to mobile menu on ipad landscape, I reduced the logo just enough for the menu to fit. Check it out.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #81141
     whwebheads
    Participant

    It does fit but now I’m seeing a whole new bar (white area) below the navigation on the iPad. See attached image.

    Chris

    #81147
     sharmstr
    Moderator

    Hmmm. I’m not seeing that.


    @laura
    – can you assist here. I dont have access to an ipad and I’m relying on chrome dev tools to sort this out. Thanks!

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #81149
     whwebheads
    Participant

    No need as I adjusted your code a bit more and it seemed to resolve the issue. Thanks for the support!

    Chris

    #81552
     Laura
    Moderator

    Hello, glad you could resolve it! Let me know if you need anything else 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 13 posts - 1 through 13 (of 13 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?