Home › Forums › All Other Themes › Panorama Phone# on top
- This topic has 14 replies, 2 voices, and was last updated 7 years, 9 months ago by Sonl Sinha.
-
AuthorPosts
-
March 2, 2017 at 2:30 am #63871
Hi Support: I am using Panorama Pro and wonder how to add phone# on top of the header like SKT Startup. My URL is http://www.boomerssportingadventures.com/
Thanks
March 2, 2017 at 10:53 am #63962Hi,
Kindly go to header.php and add phone number there.
Regards,
DaveMarch 2, 2017 at 11:35 pm #64010Hi Dave:
Please indicate where the Phone: 123-456-7890 should be added in header.php.
Thanks
March 3, 2017 at 9:31 am #64087Hi,
Kindly go to Appearance>>Widget>>Above Menu Widget
Drag and drop text widget in “Above Menu Widget” and add your phone number there.
Regards,
BradMarch 3, 2017 at 9:32 am #64088After adding the widget. Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box
Add this code there:
.header-widget {margin-right: 4.5%;}
Regards,
BradMarch 3, 2017 at 10:21 am #64104Hi Brad:
It works, thanks. A new issue: on mobile, this phone# only show top part, probably due to insufficient header height. Should increase header height and how?
Thanks
March 3, 2017 at 10:26 am #64106Hi,
Kindly add this code in custom CSS box:
@media screen and (max-width:767px) {
.header .logo{margin-bottom:30px;}
}Regards,
BradMarch 3, 2017 at 10:45 am #64110Hi Brad:
Added this code to CSS, the header height increased. But phone# disappeared totally, any advice?
Thanks
March 3, 2017 at 10:53 am #64113Did you added phone number in text widget?
March 3, 2017 at 11:02 am #64118Yes, added a text widget to Above Menu Widget and added phone in text.
March 3, 2017 at 11:04 am #64120But it didn’t appear in code.
Send us your WordPress admin details (Username & password) via sktthemes.net/contact
Regards,
BradMarch 3, 2017 at 6:52 pm #64225WordPress admin details sent via sktthemes.net/contact.
Thanks
March 6, 2017 at 7:00 am #64389Hi,
Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box
Add this code there:
.header-widget{margin-right: 58px;}
@media screen and (max-width:767px){
.header-widget{float: none; margin-bottom: 15px; margin-right: 15px; text-align: right;}
}Regards,
DaveMarch 6, 2017 at 10:09 am #64422Hi Dave:
It works, appreciated for the help.
Thanks
March 6, 2017 at 10:18 am #64425🙂
-
AuthorPosts
- The topic ‘Panorama Phone# on top’ is closed to new replies.