WordPress.org

Making WordPress.org

Opened 5 years ago

Closed 5 years ago

Last modified 5 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 Owned by: iandunn
Milestone: Priority: normal
Component: WordCamp Site & Plugins Keywords: has-patch
Cc:

Description

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 5 years ago.

Download all attachments as: .zip

Change History (5)

@r3df
5 years ago

#1 @r3df
5 years ago

#357 was marked as a duplicate.

#2 @r3df
5 years ago

  • Cc rickrrr@… added

#3 follow-up: @iandunn
5 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
5 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.