I'm customizing the Aware theme for a site at http://www.glarosforcouncil.com/. The changes look fine on desktop and tablet, but not on mobile phones. i want to keep using it for mobile, instead of switching templates.
1. I'm using visibility:hidden for the .features-headline, but they still appear on mobile. How can I hide these headlines in mobile?
2. I can't make the logo wrap around the nav menu in mobile. I've played with different sizes, but it still won't appear evenly with the menu.
Thanks for your help,
Garth
Hi Garth!
Regarding your first question, Aware actually includes two styles which may help you: ‘desktop-visible’ and ‘mobile–visible’. I suspect you can guess what they do, but for the sake of documentation — elements given the class ‘desktop-visible’ will only appear when your site is viewed on a tablet or desktop, while ‘mobile-visible’ will only appear on mobile.
You can actually see them in practice in your _supporter_nav.html template, where some of the elements are styled differently depending on the screen resolution of the visitor’s device.
Regarding your second question, that’s a bit more difficult to answer without seeing the theme in person. That sort of custom theming assistance also falls outside of our normal customer support. I’d recommend reaching our to one of our NationBuilder Architects to see if they might be able to help you on a limited basis.
Showing 7 reactions
Sign in with
Hines Digital
Certified Architect
Certified Expert
James Garrett Co.
Certified Architect
Hines Digital
Certified Architect
Certified Expert