Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 18, 2016 at 8:47 pm #700848
    cipriana

    Hi, I have a logo on top with a text line below, but on mobiles and when I make scroll, they overlap.
    I´m sending you 2 screenshots.

    To create the text line below the logo I put in quick CSS this code:
    span.subtext {
    position: absolute;
    top: 30px;
    left: 12px;
    color: #000000
    }

    span.subtext {
    font-size: 10px!important;
    }

    And in functions I put this code:
    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “COACH – TERAPIA GESTALT – CONSTELADORA”;
    return $sub;
    }

    Could you tell me what I´ve made wrong?
    Thanks!

    October 19, 2016 at 2:50 am #700965
    Vinay

    Hey cipriana,

    Your site is unreachable at the moment and we cannot view the screenshots. Would you mind posting us a screenshot to imgur.com or dropbox and share the link here :)

    Also provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    October 19, 2016 at 12:01 pm #701184
    cipriana

    Hi, it´s reachable now. Could you try again?
    just in case I send you two dropbox screenshots.

    Thanks!

    • This reply was modified 8 years, 1 month ago by cipriana.
    October 20, 2016 at 7:13 am #701677
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.responsive .logo a {
    vertical-align: top;
}
span.subtext {
    top: 35px;
}
}

    Regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.