Return to previous page

Code needed for adding phone number on top of menu bar

This topic has 18 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

ciroamiranda

Participant

June 25, 2015 at 14:59

Hello,

On the royal theme we would like to see if it is possible to add the address and phone number of the company next to the search button but above the menu bar.

Below is a link to view the image of the area I am speaking about:

https://drive.google.com/file/d/0B7hglszeR3ElTDFjRmRGTjVpOWM/view?usp=sharing

Please, contact administrator
for this information.

#71603 Copied Theme version: 2.0

17 Answers

Eva Kemp

Support staff

June 25, 2015 at 17:11

Hello,

In this case you have to edit header-structure.php file in wp-content/themes/royal/headers directory (what file to use depends on the header type you selected in Theme Options > Header) and add your code to the needed place. We recommend to make changes in a child theme not to lose modifications after theme update.
http://codex.wordpress.org/Child_Themes

Also we can’t log in to wp-admin panel.
Please reset the password to something without special symbols.

Regards,
Eva Kemp.

#71646 Copied

ciroamiranda

Participant

June 30, 2015 at 15:31

Hello Eva,

Would there be a way to do it that it does not interfere with the responsiveness of the theme?

Please, contact administrator
for this information.

#72406 Copied

Eva Kemp

Support staff

June 30, 2015 at 16:01

Hello,

You’ll be able to hide those links for mobile devices if you wish. Let us know and we’ll help you to do this.

Regards,
Eva Kemp.

#72409 Copied

ciroamiranda

Participant

June 30, 2015 at 16:10

Would we be able to pay for custom code for it to be responsive with the header information?

#72411 Copied

Jack Richardson

Support staff

June 30, 2015 at 16:26

Hello,

Please provide us with the code you want to add and give us FTP access (FTP host, FTP username, FTP password) or add the code yourself and we’ll assist you on customizing it for responsive design.

Best regards,
Jack Richardson.

#72416 Copied

ciroamiranda

Participant

June 30, 2015 at 17:00

Hello,

I have put below an example of what we want for the website both desktop and mobile versions.

Please let us know what code we need to add, thank you!

#72425 Copied

Jack Richardson

Support staff

June 30, 2015 at 17:37

Hello,

Please provide us with FTP credentials.

Best regards,
Jack Richardson.

#72429 Copied

ciroamiranda

Participant

June 30, 2015 at 22:11

Thanks alot

Please, contact administrator
for this information.

#72469 Copied

Eva Kemp

Support staff

July 1, 2015 at 09:10

Hello,

You provided us with an empty FTP account. Please give us access to your site files.

Regards,
Eva Kemp.

#72528 Copied

ciroamiranda

Participant

July 1, 2015 at 15:14

We are so sorry.

Please try again. Thanks

#72609 Copied
Eva Kemp

Support staff

July 1, 2015 at 17:22
Hello,

Now we can’t log in to FTP account. Please check the credentials.
So I’ve edited the file via wp-admin panel in the parent theme headers/header-structure-3.php. The code that was added:
```
<div class="additional_text">
<div class="contact_us">Contact us today!</div>
<div class="phone_number"><span>Phone:</span> (786) 615-6123</div>
<div class="email_address"><span>Email:</span> info@obgynpavilion.com</div>
</div>
```
Also I’ve added this code in child style.css:
```
.additional_text {
    float: left;
    margin-right: 30px !important;
    text-align: right !important;
}

.contact_us, .phone_number span, .email_address span {
    font-weight: bold;
    text-transform: uppercase;
}

.email_address {
  text-transform: uppercase;
}
```
Please check header now.

Copy the file headers/header-structure-3.php to child theme folder.

Regards,
Eva Kemp.
#72650 Copied
ciroamiranda

Participant

July 6, 2015 at 16:21

Hello

I never got a chance to thank you for your help. I look great! The responsive version puts the text on top of the log not underneath. In other words when I look at the website on my cell phone the information we added on the header is on top of the logo.

Please, contact administrator
for this information.

#73431 Copied
Eva Kemp

Support staff

July 6, 2015 at 17:30
Hello,

Try to add this code in child style.css file:
```
@media (max-width: 480px) {
   .additional_text {
    line-height: 15px;
    font-size: 11px;
    margin-top: -10px !important;
    }
}
```
```
@media (max-width: 992px) {.additional_text {
  line-height: 14px;
  font-size: 11px;
  margin-top: -10px;
}}
```
Regards,
Eva Kemp.
#73464 Copied
ciroamiranda

Participant

July 7, 2015 at 05:29

Eva Kemp,

It did not work.

Thank you for your quick response. 8Themes has great service!!!

#73546 Copied

Jack Richardson

Support staff

July 7, 2015 at 09:20

Hello,

You’ve added html code to style.css file of your child theme. It’s unacceptable. You must remove it. Style.css should have only style changes. If you want to edit some files you need copy them to your child theme folder and make changes in there.
So please delete the html code from child style.css and check your site on mobile devices after that.

Best regards,
Jack Richardson.

#73601 Copied

ciroamiranda

Participant

July 7, 2015 at 14:17

Hello Jack,

It still does not work.

We are almost there. Thanks

#73690 Copied

Jack Richardson

Support staff

July 7, 2015 at 17:00

Hello,

As I see now the code is working:
http://storage3.static.itmages.com/i/15/0707/h_1436284754_9528372_8659a92dc7.png

Please clear browser cache and check again.

Best regards,
Jack Richardson.

#73744 Copied
Viewing 18 results - 1 through 18 (of 18 total)