Tagged: header
Hi,
I’ve placed a link under Private Content that shows a graphic mock-up of changes we want to make to our website. I see that you can put contact details in the header, as highlighted in the blue box on the graphic. However, this is too small and fades in to the background, is there some way we can put our contact number in large, bold font in the area marked in red?
Note this layout isn’t a replica of changes we’ve actually made on the website – we used graphic software to achieve the results. The Main Menu spread out across the whole page, for example, is something we’re still trying to achieve. Thread to that is here: https://kriesi.at/support/topic/placing-menu-below-header/
Thanks
Hey 500Webmaster!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div.phone-info {
position: relative;
top: 60px;
right: 10%;
}
Cheers!
Yigit
Hi, I’ve tried this method and it hasn’t worked. I assume the “phone-info” should be replaced with the actual number? Either way, it produces no results. Any suggestions? Perhaps you should log in and have a look?
Hey!
Please post login credentials here privately so we can take a look
Best regards,
Yigit
Hi!
It does seem to work fine now. Please check custom CSS code i added to the bottom of Quick CSS field. You can add your contact number in Enfold theme options > Header Layout > Extra Elements > Phone Number or small info text
Regards,
Yigit
Thank you! Really appreciate it.
Oh – one more thing, is there a way to make the font bigger? About 5 times its current size, so it stands out a bit more?
Hi!
Sure, please add following code (as is) to Quick CSS
div.phone-info {
font-size: 20px;
}
Best regards,
Yigit
Thank you!