WordPress.org

Ready to get started?Download WordPress

Forums

Eureka
[resolved] Header on Left? (6 posts)

  1. brittanylynn01
    Member
    Posted 1 year ago #

    Is there any way to make the header navigation on the left floating as you scroll like in this website?

    http://natalie-wicker.squarespace.com/

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Yes, this CSS accomplishes that;

    .main-navigation {
     position: fixed;
     left: 0;
    }

    Do you want it vertical too?

  3. brittanylynn01
    Member
    Posted 1 year ago #

    yes I would like it to be vertical like in the website I posted.

    thank you so much for your help!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Does that theme come with a section in the dashboard named, "Custom CSS", "Custom Styles" or "Jetpack", or are you using a Child Theme?

  5. brittanylynn01
    Member
    Posted 1 year ago #

    I have not started it yet I am just inquiring to make sure what I want would work (sortof new to this). But I plan on making a child theme for it.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Then the styles you'll need for a vertical menu are;

    .main-navigation ul {
     width: 100px;
    }
    
    .main-navigation ul li {
     float: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic