Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 17, 2015 at 5:59 pm #537524
    markos24

    Hello,

    Can you help me please to add 3 widgets in header that will be displayed in 3 column like this:

    LOGO The first column The second column The third column Social links

    I am using the Construction demo content.

    Kind regards,
    Markos

    November 18, 2015 at 9:01 am #537883
    Rikard

    Hey Markos,

    You can start off by following this: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Thanks,
    Rikard

    November 18, 2015 at 9:30 am #537901
    markos24

    Yes, I done that, but as I told you I need 3 widgets, not only one.

    Can you please help me to add the 3 widgets columns in header and to keep the site responsive.

    Kind regards,
    Markos

    November 18, 2015 at 1:41 pm #538059
    Yigit

    Hi!

    You can change the code to following one 

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

    and create two additional widget areas in Appearance > Widgets

    Cheers!
    Yigit

    November 18, 2015 at 2:21 pm #538112
    markos24

    Thanks Yigit !

    And the css will remain same as in documentation? 

    #header .widget {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}

    ?

    November 18, 2015 at 2:22 pm #538114
    Yigit

    Hey!

    You will need to apply different custom CSS code for each widget. When you add them to your header, please post the link to your page so we can post your correct selectors :)

    Cheers!
    Yigit

    November 18, 2015 at 2:31 pm #538126
    markos24

    http://gyproject.com/ is the website

    November 18, 2015 at 2:38 pm #538131
    markos24

    I added the three widgets now how can I make theme to be displayed inline with the logo and to be responsive ?

    November 20, 2015 at 2:07 pm #539570
    Andy

    Hi!

    website seems to be under construction, so I think we need admin access to have a look. Post login details here as private reply.

    Cheers!
    Andy

    November 20, 2015 at 2:29 pm #539624
    markos24

    Hi Andy,

    I added the site login data as private message.

    Thanks.

    November 22, 2015 at 8:22 pm #540417
    markos24

    Hey man, I give you the data access 2 days ago and you did not changed the widgets css.

    Can you help or I have to do myself the changes, just let me know please.

    November 23, 2015 at 5:46 pm #541045
    Yigit

    Hey!

    Sorry for the late reply!
    I have added following code to Quick CSS in Enfold theme options under General Styling tab

    #header #text-7, #header #text-9, #header #text-8 {
    width: 33%;
    float: left;
    clear: initial;
    text-align: center;
    padding-bottom: 0;
    padding-top: 10px;
}

    You can target each widget independently using “#header #text-7″,”#header #text-9” and “#header #text-8” selectors.
    Please review your website now

    Regards,
    Yigit

    November 23, 2015 at 5:53 pm #541052
    markos24

    Thanks a lot for helping me, I’ll give you 5 star rating on themeforest for your support !

    November 23, 2015 at 5:59 pm #541063
    Yigit

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How to add 3 widgets in header ?’ is closed to new replies.