[Didier]

Hi, what css rule do I need to manipulate in order to have the menu centred on the page?

[Pratik]

HI @Didier,

Can you be a bit more specific and explain it with your site url? There is a “Secondary Menu” that is centered by default, so you can use that and remove the primary menu.

Regards,
Pratik

[Didier]

Hi Pratik,
can you have a look at this from an iphone 5. You will notice that in portrait mode the tiny nav is white text on brown bg, however when rotated to landscape the white color disappear from the nav!!!
Any idea how to fix this?
Thank you
http://dswebdev.co.uk/

[Mahesh]

Hi @Didier,

I saw two menus displaying at some point. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 569px){
	.sb-holder {
		display: none;
	}
}

Let me know if this helps.

Regards,
Mahesh

[Didier]

Hi Mahesh,
thank you but I doubt this answers my questions.
I have styled .sb-holder to look brown so why would I hide it? (display:none)

The question is (still) why the text on the mobile nav shows in white in portrait and disappears when in landscape? It re-appears once tapped to expand…

[Mahesh]

Hi Didier,

1. To make the menu text white, use this CSS.
#hgroup-wrap .sb-holder a {
color: #fff;
}

2. In view with width 569px to 767px, there are two menu showing and this is not good. The following CSS will give hide one menu till 569px and the displays the mobile menu (.sb-holder) normally in the mobile view.

Let me know if this solved your issue.

Regards,
Mahesh

[Didier]

Hi Mahesh,
1. that works now, thank you
2. what device is it you are looking at? is that iPhone 6+? I’ve looked at iphone 5 & 6, ipad mini & ipad and there is no double menu. Could you let me know…

[Mahesh]

Hi @Didier,

I tried it on the firefox browser in desktop and resized the screen.

Regards,
Mahesh

[Author]

Posts