markusjj

Perhaps you 2 gentlemen should gang up together and make this one the next most popular theme on the planet!!! ;=D

Meet, or exceed the success of Responsive.

Twitter bootstrap has a huge following, so you easily leverage all their components. And people want to use bootstrap. And Customizr makes Bootstrap customization easier for average users. And there’s great potential.

But scaling up is going to be hard. With increasing success, enthusiastic and friendly customer support will only get so much more exhausting. Which means less sleeping time ?? … Aaahhh. All that excitement!

Cheers.

As @acub points out, IE8 backward compatibility is always going to be a nightmare for web developers. Consider that, IE version 8 users use Windows XP since MS froze their IE development support for XP at IE 8. So the question is are you targeting your site at the ‘older population’ who are very reluctant to upgrade?? Bottom line, you need to know your audience and accept some design compromises.

I believe as long as the theme and your website does not fall apart, but degrade gracefully in the older browsers (is readable, etc.) — then I suggest you should be quite satisfied with Customizr outcome.

For myself, I ignore IE8 and below entirely. It is not worth the time and effort to make it “perfect”. I’d say you’re reaching the point of diminishing returns on your efforts. ??

Oh. I see, I misunderstood your original question.

So I can give you some general idea, but you would need to experiment and research it further or get help from members who know more than I.

Basically, you want to query the media screen size. The excellent code snippet and explanation on this topic has been contributed by Dave. The media pixel width (which you will need to figure out yourself, by the way) would be your trigger point for the menu button transition.

However, I must admit, I do not know the exact CSS and/or PHP that would command the switch for the button menu. Perhaps somebody else might help you out further…

It’s a good question, and a cool site, btw.

That’s a bit unclear.

The menu button with lines is the best practice and most common UI component for handheld devices. Users know that this button means the main navigation of course. And that is of course the Twitter Bootstrap approach (and hundreds of other mobile sites).

What other example website did you have in mind that displays menu on mobile devices in some other manner than the default button?

That’s awesome! Looking forward to the next release(s). Cheers.

Hmm… Great. I see. Thanks for pointing me in the right direction, it is good to know the mechanism that sets this limit. So I see it is doable, but not a clean or elegant solution.

Am I to understand that right now there is no easy hook nor API modification that can be implemented by end-users only by altering the child functions.php?

I do believe this would be a very nice extra hook for further customization of the theme. The 200 value limit should not be hard-coded. What does Nikeo think?

Aahh, now I see we were discussing and trying to solve 2 completely different things. Sorry if I did not communicate my point clearly… (I wish this forum had an easy screenshot attachment capability.)

What I am trying to achieve is completely different. I am trying to expand the “excerpts” that sit right below the featured images, gray circles, and below your example page h2 About headings (so in your example, these are defaults). The UI path is Customize > Front Page > Featured Pages Options > 3 sections: [Featured text one, Featured text two, Featured text three]. And I wouldn’t care if I needed to create these featured text sections manually or extract them from the beginning of each page. Any approach is good. But it really would be lovely if these 3 text “excerpts” could be longer than 200 chars.

By the way I do not care about the Featured Posts on page. So on my site the section your example of “Hello world! with “Lorem Ipsum” is disabled and not displayed.

Acub, I really do appreciate your helping me out! and my apologies for not describing my issue clearly…
Thanks again.

Just to sum it up. What I’ve been trying to say here is that the theme seems to be overriding the Excerpt metabox content and/or truncating it. Acub, what you wrote yesterday, does not seem to hold true for me.

The limit you set only applies to the auto-generated excerpts. You can always set your own unlimited excerpt, with full html. Just go to screen options (up right corner) in any post’s edit page and check Excerpts.

Have you been able to check it yourself? At least I have failed to make it work… (Of course, it could be the usability issues of all the combined knobs, switches, buttons, pull-downs, text boxes, etc… WP is awesome, but somewhat convoluted.)

My confusion is all about the limit of characters. No matter what I try to do, the theme is always limiting me to 200 chars. I cannot exceed it. Here’s what I did.

1. In child functions.php, I added the snippet from @niko to enable the Screen Options with custom excerpts for Pages. So that is working fine.
2. In child functions.php, I added the snippet from Dave (same link as above) and set the max value to 450 chars.
3. In WP admin, for the page, I added a manual custom snippet about 400 chars long.
4. In WP admin in Customizr, I went to Front Page, selected the page with my new custom excerpt, but left the field box for that page empty.

The result is that only the custom text is not used. Only the default 200 chars from that page content are displayed. I can also copy and paste a longer excerpt into the field in Customizr, but then the output will always be truncated to 200 chars. Here is the entire content of my child functions.php (first function is irrelevant here, footer-related snippet.)

<?php
/* Customizing the footer credits and adding links */
add_filter('tc_credits_display', 'my_custom_credits');
function my_custom_credits(){
$credits = 'Theme: <a href="https://www.themesandco.com/">Themes & Co</a>';
$newline_credits = '<a class="footer-nav" href="https://brainsonwings.com/terms-of-service/">Terms of service</a> &middot; <a class="footer-nav" href="https://brainsonwings.com/privacy-policy/">Privacy policy</a>';
return '
<div class="span4 credits">
                    <p> &middot; &copy; '.esc_attr( date( 'Y' ) ).' <a href="'.esc_url( home_url() ).'" title="'.esc_attr(get_bloginfo()).'" rel="bookmark">'.esc_attr(get_bloginfo()).'</a> &middot; '.($credits ? $credits : 'Designed by <a href="https://www.themesandco.com/">Themes & Co</a>').' &middot;'.($newline_credits ? '<br />&middot; '.$newline_credits.' &middot;' : '').'</p>        </div>';
}

/* Change the length of the excerpts on home page */
function your_excerpt_length( $length ) {
return 450;
}
 add_filter( 'excerpt_length', 'your_excerpt_length' );

/* Add custom excerpts for home page */
add_action( 'init', 'my_add_excerpts_to_pages' );
function my_add_excerpts_to_pages() {
     add_post_type_support( 'page', 'excerpt' );
}
?>

This thing is driving me nuts. It should be simple, I know. But my PHP expertise is rather limited, so if somebody can see a bug or a flaw in my thinking, I really would appreciate help. Thanks.

Acub, thank you kindly for your reply and the tips. I will check them out tomorrow morning.

Apparently one of us is a bit confused and befuddled… I bet it’s me. Cheers.

Yey, that info from WPyogi should give you everything you need to succeed on your quest (I didn’t know about the links btw, thanks).

Glad it worked out for you ??

It’s probably a typo. But to help you, it would help if you pasted the code here, or provided the page URL?… Otherwise, not enough info. ??

Hi Producttek

Before you put any HTML inside any page/post, you need to switch the editor mode in WordPress by clicking on the tab Text. Most likely you pasted your code in the Visual mode (which is the default).

So try again in Text mode and let us know if it helped?

Cheers,
Markus

Hi Jojo, it should be much easier than that. You shouldn’t (and don’t need to) touch any html. Instead just follow the steps.

• “Customiz’it” button at the top of the browser window
• Click “Logo and Favicon”
• Upload your Favicon

Cheers,
Markus