Mobile & Tablet Questions

[whwebheads]

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

[whwebheads]

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

[sharmstr]

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

[whwebheads]

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

[sharmstr]

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

[whwebheads]

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

Any other options?

Chris

[sharmstr]

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

[whwebheads]

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

Let me know – thanks,

Chris

[sharmstr]

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

[whwebheads]

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

Chris

[sharmstr]

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

[whwebheads]

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

Chris

[Laura]

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

[Author]

Posts