I am attempting to add some text information, in this case a phone number, to the right side of the logo area. I have my logo on the right with menu below.
I’ve found quite a bit of useful information in a two places as follows:
1. https://kriesi.at/support/topic/adding-a-logoimage-to-the-right-of-the-header/#post-304859
2. https://kriesi.at/support/topic/ios-button-issue-theme-customizing/
I have added the following code to my helper-main-menu.php as dictated in the first link.
echo "<div class='contact-info-top'><h4><em>Call Us Toll-Free</em> <strong>- --- --- ---</strong><em>M-F: 8AM-5PM CST</em></h4></div>";
I will change this as follows once I can get it to the right side:
echo "<div class='contact-info-top'><h4><em>Call Us Toll-Free</em><br/><strong>- --- --- ---</strong><br/><em>M-F: 8AM-5PM CST</em></h4></div>";
i have styled this with the following:
.contact-info-top { position: relative; right: 0; top: 10px; }
I have changed the position to absolute as stated in the first link but have not been able to move the contact information to the right side. I have tinkered with this for a bit and just can not seem to figure it out.
Any help would be greatly appreciated.
Hey FLM!
Thank you for using Enfold.
Looks like you managed to add the phone info. Add this on Quick CSS to adjust the position:
.contact-info-top {
position: absolute;
right: 0;
top: 40px;
}
Cheers!
Ismael
Thank you Ismael.
Sorry for the delay, I was away. I now realize that I have a conflict with some of my other css. I will work on getting that corrected.
The css you posted is working.