Hiding header on mobile

Support
#1

Hi

I have Ubermenu and ShiftNav enabled on my site which works fine, but I need to hide the header when in mobile view (or when I’m below a specific breakpoint, e.g. 960px). How can I achieve that?

Thanks
Benjamin

#2

Hey Benjamin,

There is no option for this in X. This could be achieved using custom media queries. Actual coding for this would be outside the scope of our support though as this falls under custom development. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you.

Thank you for your understanding.

#3

Hi!

Thank you for the reply. To try and work around the issue, I’d like to change the position of the logo on mobile only.
At the moment it’s sitting on the left, no room under the logo in the header and it’s pretty ugly looking (on mobile at least).
Is there a way to position it at a specific point on the header, only for mobile?

Thanks!

#4

Hi again,

Can you please provide the URL of your site so we can take a look at your setup and suggest you a solution if possible?

Thanks!

#5

Hi
I’ve added an account on my page, see info below.
Thanks!

#6

Hi There,

Please review your credentials Username and Password.

Thank you

#7

Hi

I’ve changed the password

Benjamin

#8

Hi Benjamin,

We can always use browser developer tools to access and inspect certain element. See this: https://screencast-o-matic.com/watch/cbQvQcIxsv

@media (max-width: 979px){
.x-navbar-fixed-left .x-brand, .x-navbar-fixed-right .x-brand {
    float: none; /*This centers the logo*/
   /*Add any custom style here to control current logo postion*/
}
#9

That works perfectly!
Thanks a lot!
Ben

#10

You’re most welcome!