Location of the responsive script?

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Anti-Spam Guide
Locked
User avatar
master412160
Registered User
Posts: 314
Joined: Sat May 22, 2010 5:45 pm
Location: Belgium, Flanders
Name: Max Pen
Contact:

Location of the responsive script?

Post by master412160 » Sat Nov 21, 2015 5:29 pm

The jquery script eg code responsible for making the theme prosilver responsive through the help of responsive.css.

is it packaged in the theme or main source? And if so under what file name? :)

User avatar
Christian 2.0
Former Team Member
Posts: 4458
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Location of the responsive script?

Post by Christian 2.0 » Sun Nov 22, 2015 12:25 am

Hey Matt,

responsive.css is called in overall_header.html and simple_header.html through the following:

Code: Select all

<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px), all and (max-device-width: 700px)">
All of the responsive magic then happens through the media queries within prosilver's stylesheets. For example:

Code: Select all

/* Notifications list
----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
	.dropdown-extended .dropdown-contents {
		width: auto;
	}
}
Here, the CSS code will only apply when the screen is no wider than 350px. The detection and application of this code is all done by the browser.

Most of the media queries are in responsive.css, but there are also some mixed in bidi.css, colours.css, common.css and cp.css .

Is there something you're trying to achieve that I could help you with? :)

Locked

Return to “[3.1.x] Styles Support & Discussion”