Centering Main for Desktop

Home Forums Older releases 1.0.x Centering Main for Desktop

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2695
    Rebecca
    Participant

    Hello! Great plug-in, I really appreciate all the work that went into this to make it useable by such a large audience and to look so refined!

    Is there a good way to center the menu items (meaning the entire list) for desktop instead of them aligning left? I set a width for .sm-clean and gave it margin: auto, but it seems like a nasty hack. I know if a user has a smaller desktop resolution but not small enough to qualify for the mobile menu version, some of the <li> items might drop. Is there a better approach? Thanks! My code:

    @media (min-width: 768px) {
    
    .sm-clean {
        width: 75%;
        max-width: 960px;
        margin: auto;
        background: RGB(197,53,28);
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        border-radius: 100px;
      }
    #2699
    admin
    Keymaster

    Hi and sorry for this late reply! It’s been very hectic times here lately.

    If it’s for the entire list, then you could use something like this:

    @media (min-width: 768px) {
    	nav {
    		text-align: center;
    	}
    	#main-menu {
    		display: inline-block;
    		text-align: left;
    	}
    }

    where nav is the menu list container element (it might be different in your layout but the sample code above should work on the demo page).

    Cheers!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?