WordPress.org

Forums

Logo Not Responsive (13 posts)

  1. vinoth06
    Member
    Posted 1 year ago #

    Hi, I have created a logo for my site with 1600x230 and uploaded in Twenty Thirteen theme. But the logo is not responsive on mobile. Kindly suggest me to solve this issue.

    Site : http://buffercode.com/

  2. Josiah
    Member
    Posted 1 year ago #

    It may be two large for that size and the twenty thirteen being responsive with the logo.

  3. vinoth06
    Member
    Posted 1 year ago #

    yes, but they have given the size like that only.. 1600x230 image size. Then how to add logo to be responsive..

  4. Josiah
    Member
    Posted 1 year ago #

    It seems to resize off centered. Have experimented with a more centered logo?

  5. vinoth06
    Member
    Posted 1 year ago #

    yes did.. the minimum width size give in css is 319px. But quite difficult to place my logo in 310x230.. So I need to change it to 712x230. I don't know how to change it.

  6. Josiah
    Member
    Posted 1 year ago #

    Ok, I just look at a couple of things and the header is not necessarily suppose to be running as the logo but more of a background for the header, hence the issues you are having with the resizing, essentially working with a background.

  7. vinoth06
    Member
    Posted 1 year ago #

    ok. So I can use it in the theme as logo rather than using in header, isn't it?

  8. Josiah
    Member
    Posted 1 year ago #

    Twenty Thirteen does not really have an option for a logo placement. you can manually do it in the php by creating a child theme.

    Here's a good tutorial:

    http://www.findurlaptop.com/tech/2013/08/04/customize-header-of-twenty-thirteen-theme-in-wordpress/

  9. vinoth06
    Member
    Posted 1 year ago #

    Yes, I did like that only. But I can't make the logo to be responsive though I have added

    .header-logo {max-width:90%;
    
    position: relative;
    
    display:block;
    
    padding-top:20px;
    
    margin-right:auto;
    
    margin-left:auto;
    
    }
  10. Josiah
    Member
    Posted 1 year ago #

    have you edit the php file to connect that?

  11. vinoth06
    Member
    Posted 1 year ago #

    yes did,

    <img class="header-logo" src="<?php echo get_template_directory_uri(); ?>/images/headers/logo.png" />

  12. Josiah
    Member
    Posted 1 year ago #

    This may have gone outside of the help this forum can provide as it may take some troubleshooting. Let me know if I can help in anyway in the future.

  13. WPyogi
    Forum Moderator
    Posted 1 year ago #

    First off, you absolutely should not be editing the default theme files - these kinds of changes should only be made in a child theme.

    http://codex.wordpress.org/Child_Themes

    Once you have that set up, see this thread about how to change the dimensions of the header -

    http://wordpress.org/support/topic/massive-headers?replies=16

Topic Closed

This topic has been closed to new replies.

About this Topic