Please a menu over header?

Hi there,

How can I place a menu over the header please and have the menu on the right?

I have attached an image.
Thank you,
Leo

 

Hello !

You can achieve this but required lots of customization on header.php file.
One more thing you want your menu on top right side but you have more items which will go on second line.

Thanks & Regards
Pramod

 

Ok, so what customization do I need to do please?

I only need 3 items for the this menu.

Thanks,
Leo

 

Hi,

We want some clarification regarding your issue.
Do you want to move menu above the header or add extra menu having three links.

Thanks,
Praveen

 

Hi Prvaeen,

Yes, I would like another menu over the header with 3 links.

Thank you,
Leo

 

Hey Leo!

Please follow the screenshot given below.

HTML:

 <!-- Top Menu Start Here -->
          <div class="header_top_menu">
                  <div class="container_24">
                    <div class="grid_24 top_menu">
                      <ul class="top_menu_list">
                        <li><a href="#">List 1</a></li>
                        <li><a href="#">List 2</a></li>
                        <li><a href="#">List 3</a></li>
                      </ul>
                    </div>
                  </div>                   
        </div>
<!-- Top Menu End Here -->
         
        <div class="clear"></div>

Now,paste the code given below in Custom CSS section
(Geocraft Settings -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

ul.top_menu_list {
float: right;
list-style: none;
}
ul.top_menu_list li {
display: inline;
margin-right: 14px;
border-right: 2px solid green;
padding-right: 18px;
}
ul.top_menu_list:first-child {
border-left: 2px solid green;
padding-left: 18px;
}

Thanks,
Praveen