Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 10, 2014 at 11:23 am #316416
    stuartleighbray

    I was supplied help previously to load a secondary image into the main header to sit to the right of the normal image. The help was code which was loaded into the Enfold: Theme (functions.php) file and looks as follows:-

    require_once( ‘functions-enfold.php’);

    function after_head_image_func(){
    echo “<div class=’custom_content’></div>”;

    }
    add_action(‘ava_main_header’, ‘after_head_image_func’);

    However I now need additional padding code so that I can move the image further up and to the left. Can you please provide this?

    Best regards
    Stuart

    September 10, 2014 at 1:35 pm #316532
    Yigit

    Hey Stuart!

    Can you please post the link to your website so we can provide you an accurate custom CSS code?

    Regards,
    Yigit

    September 10, 2014 at 3:22 pm #316652
    stuartleighbray
    This reply has been marked as private.
    September 10, 2014 at 3:31 pm #316657
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .custom_content {
position: absolute;
top: -25px;
right: 10px;
}

    Cheers!
    Yigit

    September 11, 2014 at 9:16 am #317216
    stuartleighbray
    This reply has been marked as private.
    September 12, 2014 at 2:47 am #317738
    Josue

    Hi Stuart!

    Try adding this:

    @media only screen and (max-width: 767px) {
    .custom_content {
        top: 75px;
    }
}

    Cheers!
    Josue

    September 12, 2014 at 9:47 am #317974
    stuartleighbray

    All done.

    Thank you.

    Best regards
    Stuart

    September 12, 2014 at 7:23 pm #318285
    Josue

    You are welcome Stuart, glad to help :)

    Regards,
    Josue

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