When the Header Logo is Stacked it Disappears...Icon Stack

Support
#21

Hi, Lely!

So here is the code I used in integrity stack to create the subtitle and other items in the image. However, it was added to the global header folder in integrity after copying the full navbar.php file. In the icon stack, it appears the nav bar is combined in the header file. Therefore. I’m not sure if I need to add it below .x-logobar or x-logobar-inner, but when added below it appears like so in the attachment.

I just need a little help adjusting it and knowing exactly where to put it in the icon stack. At present it is below the global navbar but above breadcrumbs in my child theme’s header.php file. So quite naturally it will appear only on pages where breadcrumbs are active because of where I’ve placed the code. I would like it to be a part of the header for every page and to sit just below the header logo as a subtitle.

Additionally, I’m trying to put the phone icon after the word call with a phone number and an envelope icon after the word email. I altered the code a bit, but it isn’t working properly.

Blockquote


Call:

Full Service Agency

<?php echo do_shortcode('[x_icon type="phone"] [x_icon type="envelope"]'); ?>
#22

Hi there,

You mean adding the static “Full Service Agency” text in breadcrumbs? Possible but it’s not present on pages with blank templates like this https://www.keianienterprises.com/services/. Else, it will destroy the current look of your blank templates. Hence, you can’t add it to every page, but you may try adding it manually through the builder as part of the content.

Could you try adding that code again? I don’t see it so I’m not sure how it’s exactly added through the source code. How should it look like and work?

Thanks!

#23

Hi, Rad!

I do not wish to add the text to the line where breadcrumbs exist at all. I’m trying to create “Full Service Agency” as a subtitle which sits directly below the header logo “Keiani enterprises.” Like in the example for Shop At KEI image which I posted earlier. I just placed the code there to give a general idea then took the screen shot. To my knowledge, there isn’t a navbar.php for icon stack. However, there is for integrity so inserting the code there was much easier. I honestly don’t even need the additional icons or shorcodes. My main focus is the sutitlke itself.

Blockquote

Call:
Full Service Agency
<?php echo do_shortcode('[x_icon type="phone"] [x_icon type="envelope"]'); ?>
#24

Hi There,

Please add the following code to Theme Options CSS

  a.x-brand:after {
    	content: "Full Service Agency";
    	font-size: .4em;
    	vertical-align: middle;
    	margin-left: 8px;
    	margin-top: 20px;
            display: block;
    }

Hope it helps!

1 Like
#25

Hi!

It was exactly what I hoped for. Thanks a million: However, position wise with the top margin at 10px (subtitle position preference) or 20px the subtitle fits perfectly, but the rev slider appears smushed with this change. I have attached two screenshots.

#26

Hi,

I am not sure which margin you are referring to.

I tried to change it and it didn’t affect the revslider.

See Video - https://www.screencast.com/t/OK7tFEzkr8hA

1 Like
#27

Hi, Paul!

I had to clear my cache in Chrome. I’m all set now. Many thanks & kind regards. Thank you.

#28

You’re welcome.

1 Like