Docs

[Stanley Tan]

Hi, how can I stop the top bar text from moving into a new line? I’ve tried shortening the text but it didn’t work.

Here’s a sample url: http://new.selbys.net/signs/corflute-signs/

The weird thing here is… sometimes it’s ok (all in 1 line), sometimes it’s not and moves to a new line.

Any ideas?

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-topbar .p-info {
    min-width: 600px;
}

Hope that helps.

[Stanley Tan]

Thanks! That worked!

How about making our header area to be column-based? Like this website: http://www.ozmattress.com.au/

Right at the top they got:
Logo – Guarantee – Free Mattress – Delivery – Leave Message – Free Call

[Paul R]

Hi,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Stanley Tan]

Your previous reply:

‘.x-topbar .p-info {
min-width: 600px;
}’

is not mobile responsive.

[Rupok]

Hi there,

In that case you can update the code a bit:

@media only screen and (min-width: 768px) {
 .x-topbar .p-info {
   min-width: 600px;
 }
}

It won’t affect the mobile anymore.

Cheers!

[Stanley Tan]

Nice. I think that worked 🙂

[Rupok]

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts