acub

As of now all content lists are displayed as excerpts. Afaik, the next release of Customizr will check WP’s setting on whether to display excerpts or full content and comply.

Actually, I did some reading on the subject… and the answer to your question is: no. At least not for the current version of Customizr.

Because the device screen width cannot be modified and media query rules apply based on that value.

The simplest method I can think of to disable responsiveness is to declare all media queries based on a class applied to the html. So by attaching/detaching the class from the html tag, the layout would become responsive or not.

For Customizr that would mean a complete rewrite of the CSS.

Put this in your child theme’s functions.php:

if (wp_is_mobile()) {
	add_action('__after_header', 'add_mfw_button');
	add_action('wp_enqueue_scripts', 'enq_bfw_button_script');
}
function enq_bfw_button_script() {
	wp_enqueue_script('mfwbutton', get_stylesheet_directory_uri().'/js/mfwbutton.js', array( 'jquery' ));
}

function add_mfw_button() {
	echo '<a href="#" onclick="return false;" class="mfw-button btn btn-primary">Full Width</a>';
}

Put this in your child theme’s style.css:

body.mobile-full-width { width: 1020px; }
a.mfw-button.btn {
	padding-top: 15px;
	box-shadow: -1px 1px 7px 0 rgba(0,0,0,.21);
	position: absolute;
	left: -35px;
	top: 70px;
	font-weight: bold;
	font-size: small;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
a.mfw-button.btn:hover, a.mfw-button.btn:active {
	box-shadow: -3px 3px 7px 0 rgba(0,0,0,.35);
}

Create a js folder in your child theme and save the following code as mfwbutton.js inside it – path should be /wp-content/themes/{customizr-child}/js/mfwbutton.js (replace {customizr-child} with your child theme’s folder name):

jQuery(document).ready(function($){
	$('.mfw-button').click(function(){
		$(this).toggleClass('btn-primary');
		$('body').toggleClass('mobile-full-width');
	});
});

I’ve made a button that toggles width of body between screen resolution and 1020px when pressed. Styled it as a button, so it matches whatever skin/color you have chosen for the website. Also added a small lifting effect when active. If your website content looks best at a different width, change 1020px in the css above to whatever you want (should remain between 900 and 1200px though).

If you want to preview it, I’ve tested it on customizr.websiter.ro and I’ll leave it there for a while.

Note: the wp_is_mobile() check is disabled on the test site, so it can be seen from any device, not just mobiles.
Another note: If you don’t have a child theme, make sure you read how to properly create one either here, in the WP Codex, or on the theme’s website, in FAQ.

An alternative to Firebug is Chrome’s native “Inspect element” on right click. The good parts:
– allows you to edit html and CSS in your browser window and see the changes live. You may than copy the code in your files and upload.
– shows you what CSS declarations are active (they’re stroked when overridden and you can easily find what’s overriding them).
– the best part is that it shows me the exact selectors for any declarations, which allows me to build stronger CSS selectors to override that code in case I don’t want to modify the original file.

Yes, it’s possible.
1. Write the HTML down for the three logos and heave it ready to copy/paste.
2. Add this code at the end of your child theme’s functions.php. Please note that if functions.php ends in a ?> you need to paste this code above it, not after it. Having anything after the ending php tag, even empty lines or white space will probably break your website.

add_filter('tc_logo_title_display', 'add_html_below_logo');
function add_html_below_logo($output) {
$extra_html = ''; // Paste html in this line, between the apostrophes
return preg_replace('/<\/div>/', $extra_html.'</div>', $output, -1);
}

3. Paste your html between the apostrophes of the line that says: “Paste html in this line, between the apostrophes”.

4. Save and upload.

5. Good luck with your festival!

@nikeo: Important!

@karactur: Just found a fix for this. Most likely, this issue will be solved in the next Customizr release. Here’s the solution until than:

1. Save a 1px * 1px transparent img.png file to a location of your choice (I have put mine in the /images/ folder of my child theme).

2. Add this code in your child theme’s style.css:

.round-div {background: url(images/img.png) 0 0 repeat;}

where url() should contain the path to your file.

Thank you for reporting this.

http://www.themesandco.com/snippet/add-content-below-slider/