Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #449763

    So I am basically trying to add an image to the right side of my header that links to a page. It doesn’t seem like it should be that complicated but I cannot seem to figure it out.

    The URL is:

    http://test.flourishing-lives.com/

    To get as far as i did, so far I have done this:
    Added this to my functions.php:

    add_action( 'ava_main_header', 'enfold_customization_add_to_header' );
    function enfold_customization_add_to_header() {
    	echo do_shortcode('[av_sidebar widget_area="header"]');
    }

    Then in my quick CSS i have added:

    #header_main .avia-builder-widget-area {
    position: right;
      }

    Notice how the image (phone number with the ‘make an appointment’ button) has stretched the header vertically and will not align with the image.

    How can i fix this? thanks.

    #449867

    Hey boazmns!

    Could you please try this instead? http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Rikard

    #450349

    Hey. Thanks for the reply!

    I tried that, but it is not positioned to the right and is basically behind the menu. How can I position it to the right and above the main menu? Thanks!

    #450432

    Hi!

    Please try the following CSS instead:

    #header .widget {
      left: auto;
      right: 55px;
      padding-top: 0px;
      position: absolute;
      top: -70px;
      transform: translate(0%);
    }

    Cheers!
    Rikard

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