Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 18, 2016 at 2:54 pm #600303
    Tina62

    Hi,
    I have make an image in the top of the right side of the header – with a link. I have put this code:
    echo “<div class=’header-custom-text’></div>”;

    …in the helper-main-menu.php, right after the line, $output .= avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true);:

    Also – In the QUICK CSS style i have put this in:
    .header-custom-text {
    position: absolute;
    right: 0px;
    top: 0px;
    }
    .. but the link dont work correctly anymore, after the last enfold update. i want the hole images to be clic able. Please can you help me, they started a campaign today, and this link is very importent?

    Also – if it is possible, can i make the images to be in front, i dont want the border from the header to go across the images?

    Thanks in advance!
    Tina

    March 18, 2016 at 4:45 pm #600390
    Yigit

    Hi Tina62!

    Please add following code to Quick CSS 

    .header-custom-text {
    z-index: 999;
}

    Cheers!
    Yigit

    March 20, 2016 at 2:56 pm #600838
    Tina62

    Thank you Yigit!! Guys you are the best!
    :-D Tina

    March 21, 2016 at 8:21 am #601099
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

    March 31, 2016 at 12:24 pm #605820
    Tina62

    Uff, there is a problem, the image is not responsive, wich means, that the images hide the menu on some screens – help what to do?

    Best regards Tina

    March 31, 2016 at 1:39 pm #605877
    Josue

    Hi!

    Can you post a screenshot of what you’re referring to? on mobile it should look like this – http://screencast.com/t/tPibdbGndF91

    Regards,
    Josue

    March 31, 2016 at 4:56 pm #606044
    Tina62

    Hej Josue
    Its okay on mobile, but on different computer screens it looks like this (a picture they have sent to me). can you see what to do?

    March 31, 2016 at 5:16 pm #606056
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.header-custom-text img {
    max-height: 50px!important;
}}

    Cheers!
    Yigit

    April 1, 2016 at 12:22 pm #606625
    Tina62

    Hi Yigit
    that don’t work either :-/ here is the Quick CSS code, now, i have try to put float; right in, and remove it again, but it seems to make no differents is there anything i must delete or type different?

    .header-custom-text {
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    }
    .header-custom-text {
    z-index: 999;
    }
    @media only screen and (max-width: 768px) {
    .header-custom-text img {
    max-height: 50px!important;
    }}

    Best regards, Tina

    • This reply was modified 8 years, 8 months ago by Tina62.
    April 2, 2016 at 2:54 pm #606988
    Ismael

    Hey!

    Thank you for the screenshot. Please add this in the Quick CSS field:

    .header-custom-text, .header-custom-text img {
    height: 88px;
}

.header-scrolled .header-custom-text, .header-scrolled .header-custom-text img {
    height: 44px;
}

    Cheers!
    Ismael

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