Links at top of page

I'm not sure if this is outside of what you will do, but the page I'm working on is part of a University website. They just informed me that all of the pages are required to have some links at the top of the page (image attached). Is there a way to add the links so they could be in the top right corner of the header? I'm very happy with your theme and would rather not have to get a new one if possible, so any guidance would be welcome.

Best,

Sara

 

Hello,

You can add all links of your page ins header.php file so that all page link will display always on the top like as menus.

Thanks & Regards
Yogesh Bhade

 

Sorry, I don't completely understand what you're recommending I do. I know where the header.php file is, but I'm nervous about changing too much and breaking the theme. In order to be approved on the University level, I have to have those links in the top right corner.

I would be willing to pay your office if that is a customization that you would be willing to make. In my mind that is the ideal option if possible. If that is not an option, could you let me know where in the header.php I would need to include this as well as what I would need to include in the code? Sorry this is such a hassle! I have been so happy with this theme and the support you've been fantastic to work with!

The link name and webpage links are:
USU Home http://www.usu.edu/
A-Z Index http://www.usu.edu/azindex/
MyUSU http://www.usu.edu/myusu/
Directory http://directory.usu.edu/
Let me know what you think, and I'm sorry again for being a hassle!
Sara

 

Hello Sara,

It's seems that you are not using inkthemes's theme so we can't customise your issue.

Thanks & Regards
Yogesh Bhade

 

I am using an InkThemes Theme, the links I gave you are to the main University webpage that I have to include in the header. But you can see the theme I am working on here: http://honors01.usu.edu/

Let me know if that changes my options.

Sara

 

Hello,

Go to header.php file and find div logo, then make a div for page links just after logo image as shown in screenshot.
And manage your div with CSS.
Make Div like it.
<div class="logo">
<a href="http://honors01.usu.edu"><img src="http://honors01.usu.edu/wp-content/uploads/2014/08/Useforwebsitelogo2.jpg" alt="USU Honors Program logo" style="float: left;"></a>
<div class="toplink" style="float: right;margin: 20px 30px;">
<ul style="list-style-type: none;display: inline-flex;">
<li><a href="">One</a></li>
<li><a href="">Two</a></li>
<li><a href="">Three</a></li>
<li><a href="">Four</a></li>
<li><a href="">Five</a></li>
</ul>
</div>
</div>

That will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Ok, now I'm having two new issues:

1. When I made those changes it changed the main navigation to be in the middle of the logo and the links. Instead of being below the logo, left aligned. See honors01.usu.edu.
2. Only some of the links are actually linking to the outside sites.

Here is exactly what I put in:
<div class="logo">
<a href="http://honors01.usu.edu"><img src="http://honors01.usu.edu/wp-content/uploads/2014/08/Useforwebsitelogo2.jpg" alt="USU Honors Program logo" style="float: left;"></a>
<div class="toplink" style="float: right;margin: 20px 30px;">
<ul style="list-style-type: none;display: inline-flex;">
<li><a href="http://www.usu.edu">USU home</a></li>
<li><a href="http://www.usu.edu/azindex/">A-Z index</a></li>
<li><a href="http://www.usu.edu/calendar/index.cfm?day=22&month=8&year=2014&show=today">Calendars</a></li>
<li><a href="https://my.usu.edu/group/mycampus/home">MyUSU</a></li>
<li><a href="http://www.usu.edu/contact/">Contact</a></li>
<li><a href="http://directory.usu.edu">Directory</a></li>
</ul>
</div>

</div>


Let me know what you recommend. Sorry I've been such a hassle!

Sara

 

Also in case you need it, these are the changes in Custom CSS that I made in order to make the main navigation left align

#menu .ddsmoothmenu {
text-align: left;
margin-top:5px;
margin-left:10px;
}
.page_content_wrapper {
margin: 30px 0 10px 0;
}
.header {
margin: 25px 0px 7px 0px;
}

Thanks again!

Sara

 

Hi Sara,

Use following CSS to display Main Menus in one line.

Code:

#MainNav div#menu {
clear: both;
}

That will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

That worked perfectly!! Thank you so much! I'm sorry this has been such a hassle, but WOW you guys are incredible to work with!

Thank you again!

Sara