[Resolved] Topbar show phone number and email in left side, and wpml flags in right side

[Thomas]

Hi

Im trying to copy the style from our old website, to the new one build on GPP – But im having a hard time putting info in the topbar, on our old website we had phone and email in left side in the topbar, and WPML flags in the right side. How can i do that with GPP ?

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

the top bar uses an alternating pattern.
So if you add another HTML Widget with just a <!-- comment --> before the 3rd widget it will force your phone number to the left hand side.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Thomas]

Hi, thanks for that 🙂 Now the phone number and email are vertical, is it possibel to make it horizonal so they are in a single line?

[Leo]

The link you provided isn’t working for me.

Can you double check?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Thomas]

Oh sorry for the late reply, did not see the email with answers

The link is tilioqweb.atn.gl in top left corner its vertical.

[Leo]

What happens if you remove the <br> tag?
https://www.screencast.com/t/est0EOKAY4pN

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Thomas]

Ahh yes thanks, i did not think about it was how it was written in the widget area lol sorry about that. I got it working 99% now i just need to move it so its on the same line as the 2 flags in left side, are there any easy solutions for that 🙂 ?

[Leo]

Something like this should work:

.top-bar .textwidget {
    padding-top: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Thomas]

That is soooo awesome, thanks a thousand times 🙂

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts