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

Attachments:

You must be logged in to view attached files.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[whwebheads]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

Attachments:

You must be logged in to view attached files.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts