9 replies to this topic

[caleb]

I have the base them installed and have the following in the functions file:


// ADDS CONTACT DETAILS TO BRANDING ------- //
add_action('pagelines_branding_icons_end', 'brand_phone');

function brand_phone(){ ?>


<div>(714) 795-2032</div>


<?php
}

and this in the style.css file


.brand_phone h3 {
font-size: 1.3em;
padding: 0 0 0.4em;
}

Screen shot attached.

I'd like to have the phone number have the same style as <h3> and be lined up just to the left of the social icons with logo, the phone number and the social icons all aligned at the bottom just above the menu bar.

What do I need to do differently?

Thank you,

Attached Files

•  WebsiteHeader.png   97.78K  40 downloads

[James B]

Hi there,

I've checked the link you've provided but I can't see the hook active on the site. Could you make the hook active so we can go in and work out the required CSS for you?

[caleb]

Hi James,

Thanks for the reply, ok, I put the phone number back in there at pagelines_before_branding_icons.

Caleb

[catrina]

To add another phone number below the one you have right now and you want it to have the same style as <h3>, you'll need to use this <div> layer code in the hook (using the selector from your CSS):

Please Login or Register to see this Hidden Content

[caleb]

Hi I actually just want one phone number aligned to the left of the social media icons. thank you

[Danny]

Hi,

You could use the following CSS:

Please Login or Register to see this Hidden Content

[caleb]

Thanks, that worked like a champ.

[Jenny]

The topic was marked as resolved.

[caleb]

Here was what worked in the end. The suggestion on absolute position didn't really work on mobile devices. This worked to put a text phone number (and presumably other text as well) the left of the social sharing icons in the header.

Add this to the functions.php base theme file:

Please Login or Register to see this Hidden Content

And then this to the style.css base them style sheet:

Please Login or Register to see this Hidden Content

[Danny]

Thanks for sharing!