• Resolved mainstreetrestoration

    (@mainstreetrestoration)


    I found the below code to place the tagline below the title. However, the menu dropped down below the title as well. Is there a way to modify the code to keep the menu flush with the title (street restoration.com) – P.S. I am new at this. Thx.

    @media all and (min-width: 900px) {
    #menu-primary #site-description {
    clear: left;
    margin: 0 3em 0 0;
    }
    .social-media-icons.visible {
    margin-top: -1.5em;
    }
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    That code was for a user without a menu. Positioning the site-description below the title when also using a menu is a bit more complex, but the following code should work for you:

    @media all and (min-width: 1000px) {
    
      #site-description {
        position: absolute;
        left: 7.5%;
        margin: 0 3em 0 0;
        top: 3em;
        clear: left;
      }
      #menu-primary-items a {
        line-height: 7;
      }
    }

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    Thread Starter mainstreetrestoration

    (@mainstreetrestoration)

    Thank you so much, that worked perfectly.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

    If you’re happy with your experience, would you mind doing me a quick favor and leaving a review? It would really help me out.

    Thanks!

    Thread Starter mainstreetrestoration

    (@mainstreetrestoration)

    I will do the review right now! I appreciate the quick response. While I have you, though, the code above worked great but it seemed to eliminate the tagline, which I don’t see anymore. Any thoughts? … street restoration.com

    Will do the review now. Thx

    Theme Author Ben Sibley

    (@bensibley)

    Ah I see, the following code should fix this:

    @media all and (min-width: 1000px) {
    
      #site-description {
        position: absolute;
        left: 7.5%;
        margin: 0 3em 0 0;
        top: 3em;
        clear: left;
      }
      #menu-primary-items a {
        line-height: 7;
      }
      #menu-primary-items {
        clear: none !important;
      }
    }

    You can completely replace your existing code with the above.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tag line below Title (Menu not aligned)’ is closed to new replies.