Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 27, 2015 at 4:23 pm #419379
    MindSpark

    Hi, I’ve read the docs on adding a header widget, but it gets tricky when you choose the logo left menu below option. I figured out how to override the height differences, but I can’t figure out how to force the widget area to the place I want in this header layout. Also, I want more than one element in the new header widget, so how can I align them using INLINE css?

    here’s the URL http://mindsparklabz.com/demo/families/home/

    thanks,

    March 29, 2015 at 6:50 pm #420052
    Josue

    Hey MindSpark!

    What code are you using to insert the widget?

    Cheers!
    Josue

    March 31, 2015 at 2:47 pm #421147
    MindSpark

    Hi Josue, here is the code I used in the functions.php file to create a custom widget area in the header:

    add_theme_support('avia_template_builder_custom_css');

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'header' );
}

    I need to have more than one element located in this widget area, like a button and a search box, and I need them to appear side by side – like inline positioning.

    thanks for your help!

    • This reply was modified 9 years ago by MindSpark.
    March 31, 2015 at 2:52 pm #421154
    Yigit

    Hey!

    Please change your custom CSS code to following one 

    #header .widget {
  float: right;
  z-index: 99;
  height: 120px;
  top: -135px;
}
#header #text-2 {
  right: 20%;
  padding-top: 23px;
}

    Regards,
    Yigit

    April 2, 2015 at 5:41 pm #422639
    MindSpark

    thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘custom widget in header’ is closed to new replies.