-
Posts
-
Hi,
I’d like to add a phone number to appear to the right of the logo and before the social icons appear. At the moment there is a large white space there.
I’m not sure whether to make a very long image which has the logo and the phone number in it, create a second image which just has the phone number or ideally have the phone number as text which on a mobile, you could press on to call.
Hope this makes sense, can send a screen shot if that helps.
Hi Yigit, thanks for the reply, I was experimenting after submitting the support ticket and got something that looks ok IMHO.
It looks good at full view but if you drag in the sides a little to take it into responsive mode, the formatting of the number starts to go onto 2 lines and it doesn’t look very neat.
The way I have done it is by adding this into the Header/Extra Elements/Phone Number
<h1 style=”color:#003399″>Call Us On 03 9555 7009</h1>
and adding this in Quick CSS in the general styling section.
.phone-info {
position: absolute;
left: 800px;
top: 59px;
}Is this the correct way to do it or can you suggest a better way which will make it look better when being resized.
If possible being able to put a phone icon (like this – http://images.clipartpanda.com/office-phone-icon-9ip5adeiE.png) next to the phone number and making it so if it’s clicked on a mobile device, it prompts to call the number.
thank you
jamieHey!
Please change your code to following one
@media only screen and (min-width: 990px) { .phone-info { position: absolute; left: 800px; top: 59px; } .phone-info * { font-size: 18px; }} .phone-info * { color: #003399 !important; }and then remove H1 tag around your text and add A tag to your phone number as this example – https://kriesi.at/support/topic/phone-number-click-to-call/#post-452509
Regards,
Yigit
- The topic ‘Add large phone number to right of logo in header’ is closed to new replies.