how to increase width of right column of header

Question

I am trying to increase the size of the right side of the header because when I write telephone number then it relocate and come to more than one line.

Can you please check it here

Your question is not solvable without providing related code (part responsible for the `topbar`) in your question. — nmr, Mar 14 '19 at 20:39
Now that you have removed the content behind the link, it becomes even more problematic. You should include the relevant code *in* your question. — trincot, Mar 15 '19 at 06:01

score 0 · Answer 1 · edited Mar 15 '19 at 05:56

0

Change the CSS class 'container' to 'container-fluid' just below the 'topbar div'. It will distribute the available width in a more dynamic way. See this Q&A for the difference between those two styles.

edited Mar 15 '19 at 05:56

trincot

317,000
35
244
286

answered Mar 14 '19 at 22:31

Edward

13
4

score 0 · Accepted Answer · answered Mar 14 '19 at 22:48

To avoid wrapping, you could use white-space:nowrap;. In your case, the phone number is placed in a span that has the call style. So in your style.css file find the call class definition add this style to it:

.topbar span.call {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space:nowrap;
}

how to increase width of right column of header

2 Answers2