Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #754435

    We have a logo positioned at the left of our header area. I would like to be able to add a “tagline” that is right-aligned within the header. But I don’t want to mess up mobile display. I would want the logo and tagline to stack on the mobile display (logo above tagline). Is there a way to accomplish this?

    #756999

    Hey amyspearsgavin,

    try this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
    div#text-6 {
    width: 90%;
    left: 53% !important;
    font-size: 10px !important;
    top: 50% !important;
    }
    div#header_main {
    height: 140px;
    }}

    and adjust as needed.

    Best regards,
    Andy

    #757063

    Hi Andy,
    This is better but it still just doesn’t look good on mobile. Is there a way to completely disable the text from mobile display?
    Thanks so much!

    #757069

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
    #header .widget {
        display: none;
    }}
    

    Best regards,
    Yigit

    #757072

    That worked!! THANKS SO MUCH!!!

    #757075

    Hey!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

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

The topic ‘adding text to header?’ is closed to new replies.