Need to add text next to menu

2 posts from 2 voices

• Started 2 years ago by QuentinB
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   QuentinB
   Member

   I need to add a Call Us (000-000-0000) line next to the menu and style it, but I can't get the line to display after the menu or before it. It has to be right beside the menu. Any help?

   Posted 2 years ago #
2. 

   Dude
   Dude

   An easy solution would be to use absolute positioning. First change the menu position in style.css:
   

   .nav{
   position: inline;
   /*right:20px;*/
   /*top:30px;*/
   float:right;
   list-style-type: none;
   list-style-position: outside;
   margin:0 auto;
   margin-top:45px;
   z-index: 5;
   }

   with i.e.

   .nav{
   position: inline;
   /*right:20px;*/
   /*top:30px;*/
   float:right;
   list-style-type: none;
   list-style-position: outside;
   margin:45px 80px 0 0;
   z-index: 5;
   }

   This will shift the menu to the left (80px). Then create a div like:
   

   <div id="phone">My number</div>

   and position it like:
   

   #phone{
   position:absolute;
   right:20px;
   top:45px;
   }

   Obviously you need to adjust the values to your requirements.

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.