Extra Line in Header

b1rkan · December 2015

Hello.

I know there is no option for this in betheme but I need help.

Please see the picture: http://imgur.com/Aepn3Ym ("write us" "why us" and "buy now" are links)

How can I add the red round marked area to my header? Which file do I have to edit for this?

Thank you.

Albert · December 2015

Hi,

with custom css, it won't be possible. This change requires files customization and if you want to do this, you supposed to play with includes/header-top-area.php file which is responsible for header.

Thanks!

b1rkan · December 2015

Thank you.

Now I am trying it with "magazine header". I am writing words in "Banner" area. If I can write text and link on same line it will work for me. Unfortunately when I add links after text, links goes 1 line down; doesnt stay on same line. Can you help me about this?

Please look screen: http://i.imgur.com/L21k4In.jpg

I tried [one_second]text[/one_second] [one_second]links[/one_second] but didnt work.

Thank you for support.

Albert · December 2015

Please provide the url to page from above screenshot and we'll have a look on it.

b1rkan · December 2015

Sure.

Here is link: http://i.imgur.com/nzZY6jr.jpg

There is centered header now but I will use magazine header.

Thank you.

Albert · December 2015

Ok, but where the content from screenshot is? Please put the content which does not work (phone numbers with links) as you wish and we'll have a look on it.

b1rkan · December 2015

Hello again.

The link: http://i.imgur.com/nPvZQ9g.jpg

I created a layout for this.

In "Banner" area I have this:
<div style="font-size: 30px; line-height: 30px;">Telefon: +90 212 641 31 84   Mail: [email protected]</div><a href="#">Sipariş Ver</a></div>

I have these codes in the page:
.header-magazine #Top_bar .banner_wrapper {
    width: 75%;
    text-align: right;
    top: 30%;
}
.header-stack #Top_bar .menu_wrapper {
    border-top: 1px solid #D2D2D2;
}

Thanks.

Albert · December 2015

Ok, we found it. So if you want to keep link in the same line as the rest, you must use below html instead:

<div style="font-size: 30px; line-height: 30px; display: inline-block !important;">Telefon: +90 212 641 31 84   Mail: [email protected]</div><a href="#" style="display: inline-block !important;">Sipariş Ver</a></div>

So basically, both items must have inline-block style.

b1rkan · December 2015

It works!

Thank you so much

<3<3

Albert · December 2015

You're welcome

Extra Line in Header

Comments