?
Solved

Wordpress: LOGO + tagline

Posted on 2014-03-07
4
Medium Priority
?
521 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 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 2000 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

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Magento is the best technology for eCommerce start-ups as it offers the technical expertise and visual appeal to create a store that pulls sales and earns high ROI (Return on investment).
The Super Bowl is just days away. Millions of advertising dollars will be spent in just a few hours to drive people to websites around the globe. Optimizing your site in anticipation of a big event like this (and the traffic surges that follow) will…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

569 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