add new div to right of logo in header

[rweiss]

I want to add an h2 tag to the right of the header logo (to maintain the 108 px height limit).

I have tried several things, but none are working. When I expand the columns to eight instead of four for example, it just stretches the logo and puts he h2 below.

This is the area in the child header.php file that I am trying to edit. Any help?

<div class=”four columns”>
<h1 id=”logo”><?php bloginfo(‘name’); ?>
“>” width=”294″ height=”108″ alt=”<?php bloginfo(‘name’); ?>”>
</h1>
</div>

[Laura]

Hello, you chould use css instead of editing header.php for example:

COPY CODE

.logo a, .logo img {
    height: 108px !important;
}

In style.css of child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rweiss]

I’m not sure you understood the question, Laura.

I want to add text to the right side of the logo. With the h2 tag. I know how to adjust the size of the logo. That isn’t an issue.

I need to put this in the header.php script.

I know it needs to be in this area:

<div class=”four columns”>
<h1 id=”logo”><?php bloginfo(‘name’); ?>
“>” width=”294″ height=”108″ alt=”<?php bloginfo(‘name’); ?>”>
</h1>
</div>

Regulating the height of the logo will not solve the issue.

[Laura]

Hello, sorry for the misunderstanding, please try:

COPY CODE

<div class=”four columns”>
<h1 id=”logo”><?php bloginfo(‘name’); ?>
“>” width=”294″ height=”108″ alt=”<?php bloginfo(‘name’); ?>”>
</h1>
<h2 id=”logo” width=”294″ height=”108″ float="right"> The text </h2>
</div>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rweiss]

Hi

This is what I tried before. It doesn’t work. Because of the “four columns” it pushes the h2 text down below the logo.

But if I change “four columns” to “eight columns” then it stretches the logo out.

See the attached image.

The problem is that the css – I guess – is forcing the logo to stretch to whatever the css grid width is, rather than holding to the size designated.

Rick

Attachments:

You must be logged in to view attached files.

[rweiss]

Never mind. I figured it out:

<!– Logo –>
<div class=”four columns”>
<h1 id=”logo”><?php bloginfo(‘name’); ?>
“>” width=”294″ height=”108″ alt=”<?php bloginfo(‘name’); ?>”>
</h1>
</div>
<div class=”seven columns”>
<h2>Dating, Romance & Companionship for people over 50</h2>
</div>
<!–end logo–>

[Laura]

Hello, glad you could resolve it! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts