Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 27, 2015 at 1:34 pm #494124
    Diezel23

    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?

    August 27, 2015 at 4:34 pm #494299
    Elliott

    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,
    Elliott

    August 27, 2015 at 6:58 pm #494401
    Diezel23

    Herewith the link

    August 28, 2015 at 9:55 am #494705
    Rikard

    Hi,

    Please try adding the following as well:

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

    Best regards,
    Rikard

    August 28, 2015 at 10:22 am #494725
    Diezel23

    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

    August 28, 2015 at 10:54 am #494743
    Diezel23

    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.

    August 28, 2015 at 2:47 pm #494856
    Diezel23

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

    thank you

    August 28, 2015 at 5:16 pm #495006
    Elliott

    Hey!

    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.

    Regards,
    Elliott

    August 29, 2015 at 9:19 pm #495368
    Diezel23

    Elliot

    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… :-(

    August 31, 2015 at 3:04 pm #495861
    Elliott

    Hi!

    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.

    Cheers!
    Elliott

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