Problem – Flipping the Header

  • Resolved lclardy

    (@lclardy)


    9 years, 12 months ago

    I would like to flip the Header so that the Tag Line is on the Left and the Logo is on the Right. It would also be great if the menu could be centered in it’s own container.

    So it would be something like.

    Tag Line [menu] Logo

    Is there an easy way to do all of this?

    If seeing the actual site would help, it can be found here:
    https://www.evacsports.org

    Thanks in advance…

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

  • 1) Flip using Customise>Header>Design & Layout and set Logo/Title on right.

    2) Assuming No Socials, switch off in Global Settings>Social Links

    3) Tagline.
    Add to stylesheet:

    .navbar-wrapper .navbar h2 {
    position: relative;
    left: -75%; /* Adjust */
}

    4) Centering Menu (I’ve requested that as an Option to Nic)
    Add to stylesheet:

    .navbar .nav-collapse {
    position: relative;
    left: 30%; /* Adjust */
}

    5) Remove Navbar Box
    Customise>Header>Design & Layout, and uncheck Display menu in a box

    Thread Starter lclardy

    (@lclardy)

    Thanks for the quick reply…

    I had to upgrade my theme to get the new options you mentioned.

    I still have to play with the CSS a little so that it looks correct for smaller screens.

    One more question, if you don’t mind.
    Is there a way to add a second line to the tag line?

    We would really like to have something like:

    East Valley Athletes for Christ
    …for His glory

    Thanks,
    Lonnie

    Try this snippet

    Thread Starter lclardy

    (@lclardy)

    You have been an awesome help! I (and our organization) really appreciate your help!!

    Lonnie

    You’re welcome. Please mark as [resolved] if you’re happy.

    Thread Starter lclardy

    (@lclardy)

    This is fixed.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problem – Flipping the Header’ is closed to new replies.