Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi Dan,

    Make sure you find the section in your child style.css file that describes changes to the page based on media query. If you haven’t changed anything out of the box you should have a line of code that looks like this:
    @media only screen and (min-width: 320px) and (max-width: 480px) {

    I pasted the h1#site-title img code under there.

    OK. Tried this. However, it seems to be problematic for the smaller screens. Would you need to change the CSS using Media Query?

    Along the same line, is there any issue with using a class to hide the text of the header instead of removing it altogether? Something like HTML5 Boilerplate does with .visuallyhidden?

    * Hide only visually, but have it available for screen readers: h5bp.com/v
     */
    
    .visuallyhidden {
    	border: 0;
    	clip: rect(0 0 0 0);
    	height: 1px;
    	margin: -1px;
    	overflow: hidden;
    	padding: 0;
    	position: absolute;
    	width: 1px;
    }
    /*
     * Extends the .visuallyhidden class to allow the element to be focusable
     * when navigated to via the keyboard: h5bp.com/p
     */
    
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    	clip: auto;
    	height: auto;
    	margin: 0;
    	overflow: visible;
    	position: static;
    	width: auto;
    }
    Thread Starter Bill Milhoan

    (@bill_milhoan)

    FOLLOW UP:

    I’m wondering if this chunk of code is part of the answer:

    <?php
                if ( have_posts() ) :
                    // Start the Loop.
                    while ( have_posts() ) : the_post();
    
                        /*
                         * Include the post format-specific template for the content. If you want to
                         * use this in a child theme, then include a file called called content-___.php
                         * (where ___ is the post format) and that will be used instead.
                         */
                        get_template_part( 'content', get_post_format() );
    
                    endwhile;
                    // Previous/next post navigation.
                    twentyfourteen_paging_nav();
    
                else :
                    // If no content, include the "No posts found" template.
                    get_template_part( 'content', 'none' );
    
                endif;
            ?>

    I found it on the Elegant Themes blog.

Viewing 4 replies - 1 through 4 (of 4 total)