WordPress.org

Support

Support » Themes and Templates » [Resolved] [Theme: Twenty Twelve] How to make logo scalable?

[Resolved] [Theme: Twenty Twelve] How to make logo scalable?

Viewing 15 replies - 1 through 15 (of 19 total)
  • esmi

    @esmi

    Forum Moderator

    Do not edit the Twenty Twelve theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes. Or use a custom CSS plugin.

    I forgot to mention that i did create a child theme and all edits were made to the child theme.

    esmi

    @esmi

    Forum Moderator

    Fairy ’nuff. 🙂 On the face of it, what you’re doing already seems correct but it’s hard to say for sure without actually seeing the site. CSS quoted outside of the context of its site tends to be just too abstract.

    the site is http://www.rebeccamross.com. any suggestions?

    forget the code above … i found a simpler way to replace the site title with a logo. i added this code to header.php:

    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="site-logo" src="http://www.rebeccamross.com/wp-content/uploads/2013/02/header_v11.jpg" alt="" /></a></span></h1>

    however, the logo still isn’t resizing as the browser window resizes.

    any ideas?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Just add this (without any media queries);

    #site-logo {
     max-width: 100%;
    }

    thanks for your response, andrew!

    i just added your code to my style.css but the logo still isn’t resizing …

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Have you cleared your browser cache?

    ha ha. no, i hadn’t. just did and it works. thank you!

    hello again … actually i just noticed that the logo scales in safari and chrome, but does not in firefox. does anyone know how to make it scale in all 3 browsers?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Coming soon site again

    try it now.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Add;

    #site-title a {
     display: block;
    }

    Edit: Thanks Alchymyth, I copied the wrong selectors.

    Moderator Michael

    @alchymyth

    Forum Moderator

    add:

    #site-title a { width: 100%; }

    thanks, guys. andrew — your code did not work, for some reason, but alchymyth’s did.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘[Resolved] [Theme: Twenty Twelve] How to make logo scalable?’ is closed to new replies.