Docs

[Sababa420]

Hi, How do i target the mobile nav bar and centre the text so that it appears in the middle of the screen on all iPads and mobile devices.

Thanks.

URL: triwayslogistics.com.au
Wordpress version: 4.6.1
X-Version:4.6.1

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.x-navbar .mobile .x-nav li>a {
    text-align: center;
}
}

Hope that helps

[Sababa420]

Thanks For the Reply Paul,

The text is still not centred.

attached is a screen shot from a iPhone 5s.

Is there a way to create a custom home page optimised for mobile with a mobile menu, so that when users type in triwayslogistics.com.au, they are redirected to a triwayslogistics.com.au/home-mobile if it detects a screen size under a certain amount of pixels, I found some javascript that can enable this, if you have it could you forward it too me? As of now the menu works great on desktops, its DIV scroll to ID menu which when you click on the links it scrolls to the DIV id, and this is creating issues on mobile navigation.

Cheers,

Colin

[Sababa420]

Paul

The CSS you sent me for centring up the text is working great now, i had to close and re open safari on my mobile device, it was not refreshing after i entered in the CSS. So that problem is solved. My only problem now is the DIV scroll to ID is not working properly. Is there a way to set up a custom mobile menu instead of a custom mobile homepage with DIV scroll to ID disabled?

Cheers,

Colin

[Paul R]

Hi Colin,

I checked your site in mobile and it seems to work fine.

If you wouldn’t mind providing us with a little more clarification on “DIV scroll to ID is not working properly”

Thanks

[Author]

Posts