Docs

[thelistener]

Hi there!
I’m working on a site based on the Ethos stack (here’s the link to the site) and I am trying to add some phone numbers to the right of the logo. As you can see, the logos are stuck near the logo.

I am using a child theme and followed the instructions here (https://community.theme.co/forums/topic/adding-text-to-the-right-of-logo-in-renew-stack/) but now I don’t know how to adjust the text so it’s

1) Flush right of the logo
2) padded to the left 20px like the logo
3) even top and bottom spacing in the navbar itself
4) Hidden on mobile (see attached pic)

THANKS IN ADVANCE!

[Christopher]

Hi there,

Please update your CSS to :

.x-text-logo {
    float: right;
    margin-top: 22px;
    line-height: 22px;
    text-align: right;
    padding-left: 20px;
}

3) even top and bottom spacing in the navbar itself
4) Hidden on mobile (see attached pic)

Please provide us with screen shot.

Thanks.

[thelistener]

Hi Christopher,

The updated CSS did align the text vertically with the logo but it’s still not to the right of the whole logobar. Also, I need to know how to hide the text on mobile.

[Rupok]

Hi there,

You an add this as well :

.x-brand {
  float: none;
  padding-right: 10px;
}

To hide this on mobile; you can use this :

@media only screen and (max-width: 767px) {
.x-text-logo {
  display: none;
}
}

Hope this helps.

[thelistener]

AMAZING SERVICE AND HELP, THANK YOU!!!!!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts