Solved

Wordpress: LOGO + tagline

Posted on 2014-03-07
4
490 Views
Last Modified: 2014-03-29
I am using Wordpress to create the site at perridicedesigns.com

I am using a logo image option instead of the title and tagline option.

In the header I would like to display the Logo image (where it is) and then next to it I would like to put the site description in larger letters. It seems when I enable a logo image that the Text version of the site title and tagline are no longer available.

Can someone tell me how I can have a header where I keep the Logo image AND have the tagline (site description) next to it? I would like to keep this responsive so that when I narrow the browser window, the tagline drops below the image and the text size increases to make it more legible on small devices.

Thanks,

Mark
0
Comment
Question by:karnac2020
  • 2
  • 2
4 Comments
 
LVL 28

Expert Comment

by:chilternPC
ID: 39913208
what template are you using?
depends on the template
you may have to edit the header.php file for that template
0
 

Author Comment

by:karnac2020
ID: 39913263
I am using a template from Template Monster. I am prepared to create a child theme and edit the header.php. The theme admin does not have the option of adding both the Logo image and a tagline to the header directly.
0
 
LVL 28

Accepted Solution

by:
chilternPC earned 500 total points
ID: 39914322
you'll have to edit the header.php of that template and find the bit of code where it displays either an image or the words.
 
so in the twenty thirteen  theme it displays just the site name and strap line, no image and the header has the following code:

<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

in this case you could add code to display an image.
but looking at other themes they construct the header completely different.  

In the Monster theme  they have used an image that contains the words. but you would have to be careful of the size.  in this case you could edit the responsive style sheets and change the image depending on the size of the screen.

if you wanted to do it properly as you say, create a child theme and copy the relevant files from your chosen theme into anotherfolder and the change them (more details here https://codex.wordpress.org/Child_Themes)
0
 

Author Closing Comment

by:karnac2020
ID: 39963918
good answer
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

820 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