Solved

Wordpress site with logo AND responsive tagline

Posted on 2014-03-02
2
593 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
Comment Utility
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
Comment Utility
Thanks Jason
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

772 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

10 Experts available now in Live!

Get 1:1 Help Now