Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #494124

    Hi I have followed a previous thread on how to add a widget section within the header. This works great, but I do have one issue though. I need my widget area aligned to the right. Doing: position:absolute; right:0; throws it way to the right because it is not contained within the “container” . Is there a way I can get the widget area contained within the container?


    Hi Gavin!

    Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Best regards,


    Herewith the link



    Please try adding the following as well:

    #nav_menu-2 {
        transform: translate(0%) !important;
        right: 97px !important;

    Best regards,


    Hi Richard

    Your are obviously viewing the page on a small screen like a macbook…
    You need to view this on a large screen and the you will maybe understand where I’m coming from.

    The widget needs to be contained within the container in order to have the branding (on the left ) and the widget(on the right) spaced accordingly from the sides.

    hope this makes sense


    to add the widget to the header I’m using :

    // Add widget area to Header

    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );

    My thinking would be that this needs to change to somehow add it inside the header “container” class.


    Is anyone going to be able to assist me?
    Please can you get back to me as this is quite an urgent.

    thank you



    Try switching the code to this.

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	echo '<div class = "container">';
            dynamic_sidebar( 'header' );
            echo '</div>';

    And let us know when your done so we can take another look.




    This is not going to work, the Header already has a “container” in it. Adding another container is only going to place it below the current container.
    The container:after class has a attribute clear both. that places it below the other container… :-(



    Yes but the widget contents do not get added inside it. Did you try it? Add it back in and let us know when your done so we can take a look, some extra CSS is probably needed.


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