Solved

Wordpress site with logo AND responsive tagline

Posted on 2014-03-02
2
596 Views
Last Modified: 2014-03-07
I have a responsive wordpress site at theonepager.michianait.net. It is using the Woothemes "TheOnePager" theme.

Currently it is displaying the site title and description (tagline) in a responsive fashion.
Instead of having the site title in text, I would like to place a png logo on the left side of the header, BUT keep the site tagline ("Creating Insanely Beautiful Homes") there as well in such a way that the site header still remains responsive as the browser window size increases.

All of the Wordpress implementations I have seen allow for EITHER the logo OR a text version of the site title and description. However, I would like to have BOTH the png logo AND the site description in the header. (I want to use a logo instead of the site title.)

Can anyone tell me how to do this, and still keep the header responsive?

Thanks in advance,

Mark
0
Comment
Question by:karnac2020
2 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39899704
Can anyone tell me how to do this, and still keep the header responsive?

The responsiveness is done by calculating the width of the container vs. the elements.  If the text-based header is responsive, adding the image to the header should still be responsive.

To add it, just open the theme's header.php file and look for the code that sets the site name and tagline.  Add the appropriate HTML to embed the image.
0
 

Author Closing Comment

by:karnac2020
ID: 39913116
Thanks Jason
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery scrollTop 2 40
WordPress link popping up result: NOT wanted 5 29
Message not shown 5 29
Slider Moving to right hand side CSS? 2 4
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now