Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16581

    Hi,

    How can I make the logo image at the top of my page as wide as the slideshow images on my blog posts. I need it to be wider. Thanks.

    #92082

    Hi mrc0157,

    I’m not really sure how you could do this without some significant css.

    With a bit of css I can the logo element centered and nice and big but not spanning the entire area. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .logo, logo a {
    margin-left: -71px;
    }
    /* Extra large */
    @media only screen and (min-width: 1140px) {
    .logo, .logo a {margin-left: -45px;}
    }

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
    .logo, .logo a {margin-left: -5px;}
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .logo, .logo a {margin-left: -30px;}
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .logo, .logo a {margin-left: -45px;}
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    #top .logo,#top .logo a {margin-left: 0px;}
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
    #top .logo,#top .logo a {margin-left: 0px;}
    }

    Keep in mind this has only been tested in Chrome so it may need to be adjust for other browsers. You can add additional declarations using html.browsername to target specific browsers and add changes or touchups as needed.

    Regards,

    Devin

    #92083

    Thank you for writing that out- it’s all klingon to me!

    #92084

    Hi!

    Glad that Devin could help you :)

    Best regards,

    Peter

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

The topic ‘Logo size’ is closed to new replies.