Header Logo Responsive size

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • January 2nd, 2014 at 14:48 #15240
    Tushar

    Hi,
    The theme is awesome.
    Just a query.
    The logo size in responsive mode (for mobile display) just scales itself down.
    Is there any way to have intended size of logo in all three view modes(desktop, tablet and mobile)
    The problem right now is that logo looks good in large screen, but gets too miniscule in the mobile view.
    Any help will be appreciated.
    (www.nonsequitur.in)
    Thanks
    take care
    ~t

    January 2nd, 2014 at 16:44 #15281
    Kay
    Cryout Creations mastermind

    Hi!

    The header image you uploaded is actually 1150px x 44px. When going responsive the 1150px width simply cannot remain the same and you’ll notice the text shrinking.

    Since what you need is a logo (the image you’re using is not really a header image – it’s just a logo) I suggest making an image with just the logo text and no white around it (thus making the image just the right size) and uploading that image via the Theme Settings >> Header Settings >> Logo Upload. Remove the header image and you’re set.

    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
    Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    January 9th, 2014 at 14:04 #15657
    Tushar

    Thanks Kay!
    I tried what you said.
    The logo gets responsive (i used my text logo without white space)
    The alignment of the custom logo is on the left hand side,
    is there any way to align it to the center.
    Thanks for all your help.

    ~t

    January 10th, 2014 at 12:28 #15705
    Zed
    Cryout Creations mastermind

    #header-container > div { text-align: center; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    January 11th, 2014 at 13:58 #15755
    Tushar

    Thanks a lot,
    that sorted!!
    great going

    January 17th, 2014 at 05:06 #16025
    Mike

    I tried this, but alas, the responsiveness area does not center with the logo. The logo moves, but the responsive area is still on the left….

    April 24th, 2014 at 20:38 #24969
    Trevor Shelor

    Hey there. Love the theme. My client wants a larger picture of himself in the right corner of the header image. What I’ve done is create an 1150×120 blank canvas and added the logo and his photo to either end. I’d like to be able to repeat this with a taller header to work with. Where can I adjust the height of the header image space?

    Thanks for the help and keep turning out those great themes!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

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