Menu issues with Big Brother theme
-
I’m having issues with the menus using the Big Brother theme.
When I view the menu on the iPhone (in Safari using iPhone 6+), I only see one menu item (“Home”, although I have 5 total main menu items). Under that appears to be a long list of all menu items listed together. The additional issue, however, is that the menu items appear as white on white so I can’t read the text.
This seems to be happening whether I include the custom .CSS or not.
The menus are working correctly on the desktop with both Chrome and IE.
The blog I need help with is: (visible only to logged in users)
-
Have you disabled the Mobile theme yet? If not do that please.
The mobile ready theme is default and a completely different theme that you do not need to enable at all, if Big Brother is listed as a responsive layout theme here https://theme.wordpress.com/themes/features/responsive-layout/
A responsive layout theme adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.
When we use a responsive theme we disable the mobile theme. Go to > Appearance > Mobile and disable the mobile theme
You can test your site at this link https://www.google.com/webmasters/tools/mobile-friendly/
-
Thanks. I disabled the mobile theme (I had not done that before), and unfortunately I’m getting the same issue.
-
Have you tried clearing you browser cache since you made that change?
https://en.support.wordpress.com/browser-issues/#clearing-your-browser-cacheIf you are not successful, do not despair. There are other Volunteers and Staff who will help you with any CSS editing issues as soon as they can.
-
As already mentioned by timethief, Big Brother is a responsive theme and viewing it from a mobile device changes its appearance.
Just to add, the horizontal menu is converged into a single “Menu” button, it is expanded when you tap/click on it and rest of the menu items appear in a vertical list like this:
https://cloudup.com/cCEOghBi-prIs this how it appears at your end as well? It’s also the default color scheme of Big Brother theme, so I’m not sure why your menus appear as white on white if your customizations are removed.
Since you have a private blog, only Staff can take a look at it. One of them will be here soon!
-
Thanks all for the quick replies.
I did clear my cache, but that did not help.
I do see the single Menu item header, but the menu items are not readable since it is white text on a clear background.
-
-
Hi there, the following is what is causing the issue with the color on the toggled touch menu. Remove this from your custom CSS and then let me know what you were trying to do and I’ll see if I can work out the code so it doesn’t make the menu transparent.
.main-navigation ul.menu { max-height: 40px; } -
Thanks! Removing this code worked.
Removing the code also had no change to the desktop formatting. A friend had added this code when we were trying to change the sizing of the header area on the page. So I guess the rule is to not let friends touch your CSS! :-) But all is well now, and removing the code has fixed the mobile view and made no change to the desktop view.
Thanks again for the help.
-
You are welcome, and friends can be a great asset. Even I sometimes add CSS that does nothing, or does something until I add something else and then it does nothing.
Let us know if you have additional questions.
- The topic ‘Menu issues with Big Brother theme’ is closed to new replies.
WordPress.com Forums 