Flexbox justify-content issue

  • Resolved Cass

    (@rickcst)


    8 years, 9 months ago

    Hi,

    I’m trying to apply justify-content: flex-end; to my navigation links (Galleries/About/Contact) in the top header. I can’t seem to figure out why they won’t line up with the right edge of the image displayed below the header. The site name will stay at flex-start.

    https://rickc.photography/

    Any solutions to this problem?

    Thanks!

    • This topic was modified 8 years, 9 months ago by Cass.
    • This topic was modified 8 years, 9 months ago by Cass.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Ganesh Veer

    (@dnyanraja)

    8 years, 9 months ago

    You dont need to work with flex.
    You can just write following css to your style.css and it will fix your issue.
    .storefront-primary-navigation {
    width: 72%;
    }
    Width of your menu container is not defined that is the reason its not appearing correctly.

    • This reply was modified 8 years, 9 months ago by Ganesh Veer.
    Thread Starter Cass

    (@rickcst)

    8 years, 9 months ago

    Thanks a lot for your help, that did the trick.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Flexbox justify-content issue’ is closed to new replies.