This is kind of a weird problem that is not happening in all the screen sizes. Only on relatively smaller sizes.
the problem is here
is suppose to be in one line but its showing in 2 lines in smaller screens like this
I tested it with browser testers. Can any one suggest me how to solve this I'll be grateful. Thanks!
If there isn't enough space to fit the two words on, they will wrap like that.
You can force browsers to display the two words side-by-side by replacing the space between them with (non-breaking space). However, doing that could have other effects on your design at those screen sizes, if you force that block to take up more space than it has been allocated.
Any posts I write in Arial are on my mobile phone, so please excuse typos etc. Any posts I write in Verdana are on a PC, so feel free to berate me mercilessly for any mistakes