Solved

Wordpress: LOGO + tagline

Posted on 2014-03-07
4
499 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 29

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 29

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

617 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