Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 2, 2017 at 5:43 pm #754435
    amyspearsgavin

    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?

    March 7, 2017 at 2:11 pm #756999
    Andy

    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

    March 7, 2017 at 4:15 pm #757063
    amyspearsgavin

    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!

    March 7, 2017 at 4:21 pm #757069
    Yigit

    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

    March 7, 2017 at 4:24 pm #757072
    amyspearsgavin

    That worked!! THANKS SO MUCH!!!

    March 7, 2017 at 4:29 pm #757075
    Yigit

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘adding text to header?’ is closed to new replies.