Panorama Phone# on top

[Customer]

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

[Sonnal S Sinha]

Hi,

Kindly go to header.php and add phone number there.

Regards,
Dave

[Customer]

Hi Dave:

Please indicate where the Phone: 123-456-7890 should be added in header.php.

Thanks

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Widget>>Above Menu Widget

Drag and drop text widget in “Above Menu Widget” and add your phone number there.

Regards,
Brad

[Sonnal S Sinha]

After 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,
Brad

[Customer]

Hi 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

[Sonnal S Sinha]

Hi,

Kindly add this code in custom CSS box:

@media screen and (max-width:767px) {
.header .logo{margin-bottom:30px;}
}

Regards,
Brad

[Customer]

Hi Brad:

Added this code to CSS, the header height increased. But phone# disappeared totally, any advice?

Thanks

[Sonnal S Sinha]

Did you added phone number in text widget?

[Customer]

Yes, added a text widget to Above Menu Widget and added phone in text.

[Sonnal S Sinha]

But it didn’t appear in code.

Send us your WordPress admin details (Username & password) via sktthemes.net/contact

Regards,
Brad

[Customer]

WordPress admin details sent via sktthemes.net/contact.

Thanks

[Sonnal S Sinha]

Hi,

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,
Dave

[Customer]

Hi Dave:

It works, appreciated for the help.

Thanks

[Sonnal S Sinha]

🙂

[Author]

Posts