Docs

[bryan1976]

Hi guys,

Please could you help with a couple of tweaks to my smartphone navigation.

I am using ubermenu – wordpress, x and cornerstone latest versions.

Please see http://www.headphonic.co.uk which is a test environment, and the attached screenshot on an iPhone.

1) Is it possible to centre the logo and reduce its size, so that the hamburger can be inline on the right?

2) It would also be cool to delete the word ‘menu’ and just have the hamburger.

Many thanks for you help.

Bryan

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:979px){
a.x-brand.img {
    
    margin: 22px auto 0;
    display: block;
    float: none;
    text-align: center;
}
a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-none.ubermenu-loc-primary.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full {
    float: right;
    margin-top: -19px;
}
}

Hope that helps.

[bryan1976]

Hi,

Thanks for the suggestion, but this doesn’t really work.

OK, please can you advise how I remove the mobile navigation. This is now done through ShiftNav and as you can see, I have 2 hamburgers!

I have tried many CSS tweaks on this forum, but none work.

Please see here: headphonic.co.uk

I am using Ubermenu on the desktop site, ShiftNav on mobile.

Many thanks,

Bryan

[Rupok]

Hi Bryan,

Let’s add this to remove Ubermenu from mobile :

@media only screen and (max-width: 959px) {
.ubermenu, .ubermenu-responsive-toggle {
    display: none;
}
}

Thanks!

[Author]

Posts