Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Move navigation links to right side in header


whereisscott

Question

Site URL: https://www.peterpatzakestate.com/

Hi all,

This seems like it should be so easy to do, but I haven't been able to see how it's possible (which is slightly mind-boggling). 

I'd like to keep the logo in the center of the header but move the navigation links to the right side.  I'm currently using the navigation links as a means to toggle between an English and German version of the site.  

https://www.peterpatzakestate.com/
Password: peterpatzak

Any help you can provide would be very appreciated.  Thank you!

Best,
-Scott

Edited by whereisscott
typo
Link to comment

4 answers to this question

Recommended Posts

  • 0

Ah sorry, misread your question.

Add this to Design > Custom CSS to move nav to right side

/* Move Nav to right side of header */
@media screen and (min-width:992px) {
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex-direction: row-reverse;
    flex: 100% !important;
    width: 100%;
}
.header-nav {
    text-align: right;
}
.header-layout-branding-center .header-title {
    text-align: right;
    width: 67% !important;
    flex: 1 1 67% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

I usually use layout: Navigation (left) - Logo (center)

Then use jQuery to cut half of left navigation to move to right of header.

Can you add all navigations on left, then we can test & give code easier?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

Hi Tuan,

 

Thanks so much for your reply (as always!).  The website currently is already setup with the navigation being left and the logo centered - I only have one navigation item that I'll be using at the moment to toggle between the German and English versions of the site. 

I'm not much of a programmer when it comes to jQuery (yet!), so any insight you can give would be incredibly appreciated.  

Thank you again for your time!

 

Best,

-Scott

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...