Logo Sizing for main site vs Mobile

Discussion in 'BlackBird WordPress Theme' started by aegrant00, Oct 22, 2012.

  1. aegrant00

    aegrant00 New Member

    Joined:
    Oct 22, 2012
    Messages:
    12
    Likes Received:
    0
    So, if I follow the instructions in theme options for custom logo:

    "Choose your own logo. Optimal Size: 221px Wide by 84px Height."

    I get a GREAT looking logo on the mobile site, but it is small and narrow on the desktop site.

    If I create a logo that perhaps has the text to the right of the image for the desktop site, then it doesn't scale for the mobile site.

    I'm all for having a responsive design, in fact it's one of the reasons I bought the theme, but this logo thing is an issue. Can I make a css change to use a different logo for the time being until you consider having two logo options in the theme? If so, what code, and where?
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello

    There is only one logo image uploading option for both mobile and website view.
    Logo's optimal size is 221px wide but you can add logo upto 350px.
    It will resolve your issue.

    Thanks.
     
  3. aegrant00

    aegrant00 New Member

    Joined:
    Oct 22, 2012
    Messages:
    12
    Likes Received:
    0
    yes, but if I upload a 350px logo, it will not loog good on the mobile site, and therefore will not be a responsive site anymore. The logo will extend off the screen to the right, correct? requiring the mobile user to scroll left to right?

    or is 350 px the maximum width for the mobile theme?
     
  4. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,

    The optimal size for the logo is 221px by 84px, if you use the image bigger than that then it will be ok to see in computer or laptop but when you see it in mobile then it will go out of the screen. So try using the image with the optimal size. You can change the size of the image by using any photo editing tool.

    Thanks.
     
  5. aegrant00

    aegrant00 New Member

    Joined:
    Oct 22, 2012
    Messages:
    12
    Likes Received:
    0
    Then is there a way to put ate header text to the right of the logo on the desktop which is below the logo on the mobile?
     
  6. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Yes you can put your text to the right side of the logo, it will come on both i.e on laptop or computer as well as on mobile also.

    Thanks.
     
  7. aegrant00

    aegrant00 New Member

    Joined:
    Oct 22, 2012
    Messages:
    12
    Likes Received:
    0
    How would I do so? Where would I place the text?
     
  8. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    To add the text to the right side of the log you have to add text in

    Appearance -> Theme Option -> General Settings -> Home Page Top Right Cell Info

    Here you can add your text it will show on tip right side of the page.
    Thanks.
     

Share This Page