Logo and navigation position

  • Resolved Moira.Akerman

    (@moiraakerman)


    10 years, 4 months ago

    Hi!
    First of all, thank you for an amazing theme! It´s so beautiful and nice to use.

    I was wondering what would be the best way to move the logo and the navigation so they are aligned to the slider image?
    Without losing responsiveness of course. I´m not that comfortable with coding yet but willing to learn 🙂
    Thank you in advance!

    My project: http://testwww.airikka-airikka.fi

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

    (@rdellconsulting)

    10 years, 4 months ago

    OK, try this:

    Step 1 – add a container around the Header. Add this snippet to your Child Theme functions.php (Credit: @d4z)

    Step 2 – add this to your Child Theme style.css

    .tc-header {
  display: flex;
  flex-flow: row nowrap;
  align-content: space-around;
  width: 100vw; }

.tc-header .brand {
  flex: 1 1 25vw;
  align-self: flex-start; }

.tc-header .navbar-wrapper {
  flex: 1 1 75vw;
  align-self: flex-end; }

    Thread Starter Moira.Akerman

    (@moiraakerman)

    10 years, 4 months ago

    That did it! Thank you very much!

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

The topic ‘Logo and navigation position’ is closed to new replies.