Opened 10 years ago

Closed 10 years ago

Last modified 10 years ago

#358 closed enhancement (fixed)

Add minimal support to the WordCamp Base theme to allow CSS overrides to be fully responsive

Reported by: r3df's profile r3df Owned by: iandunn's profile iandunn
Milestone: Priority: normal
Component: WordCamp Site & Plugins Keywords: has-patch


To create a fully responsive CSS override for WordCamp Base, a bit of JavaScript is needed to create an open/close toggle for a responsive menu that is touch screen friendly. Ideally an HTML element for the the toggle button is also needed.

This patch takes the approach from twentytwelve and adapts it to WordCamp Base. The file navigation.js is copied from twentytwelve and adjusted for the different tags in the HTML in WordCamp Base.

An H3 element is added above the menu, as it is in twentytwelve. The element is hidden by default by CSS.

The patch does not yet include all the language file updates for the word "Menu" that has been added.

Attachments (1)

wordcamp-base.patch (4.3 KB) - added by r3df 10 years ago.

Download all attachments as: .zip

Change History (5)

10 years ago

#1 @r3df
10 years ago

#357 was marked as a duplicate.

#2 @r3df
10 years ago

  • Cc rickrrr@… added

#3 follow-up: @iandunn
10 years ago

  • Owner set to iandunn
  • Resolution set to fixed
  • Status changed from new to closed

In 412:

WordCamp Base: Add support for responsive menus. props r3df. Fixes #358.

This does include the CSS rules to show the responsive menu on smaller devices by default, it just adds the necessary menu element and toggle script so that a WordCamp can use the Custom CSS module to make their site fully responsive.

#4 in reply to: ↑ 3 @iandunn
10 years ago

Replying to iandunn:

In 412:
This does include the CSS rules to show the responsive menu [...]

That should have said does not include the CSS rules.

Note: See TracTickets for help on using tickets.