Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #861530

    ddubois63
    Participant

    I am using Renew with a stacked layout. I am looking for a way to get right aligned navigation in the navbar. (It seems the default is centered). I am using an image in the nav bar and CSS to suppress the logobar. I was initially able to get the alignment I want with a fixed top navigation by using the following in CSS:

    .x-container {
    margin: 0px auto;
    margin-top: 0px;
    margin-right: 0px auto;
    margin-bottom: 0px;
    margin-left: 135px;
    }

    However, when I started to scroll down the page, my header moved 135 pixels (i’m guesing LOL) to the left. Very strange. I was able to temporarily fix the problem by choosing “static top” but I really want to use “fixed top.” Also, the CSS above affects the footer too…now I have a 135px left margin in the footer that I don’t want. :/

    Does anyone know what might fix this problem? I would be very grateful! 🙂

    Link: http://borderhawk.compass-marketing.com/ with the most recent of WP, X and Cornerstone

    #862086

    Friech
    Moderator

    Hi There,

    Thanks for writing in! Please remove your code, that would affect every container (header, footer, body, etc.) on your site.

    You can add the custom css below to right align the menu.

    .masthead-stacked .desktop .x-nav {
    	float: right;
    }

    Hope it helps, Cheers!