Header widgets | logo centre, menu below

Hey cab72!

Please change your custom CSS code to following one

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

Best regards,
Yigit

Hi Carole,

Yes, that would be possible as well. Please change your code in functions.php file to following one

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

And then create another widget area called “headertwo”. Then you would need to update your custom CSS code. After adding the second widget area to header, please let us know.

Best regards,
Yigit

Hi Carole,

You can download a child theme from here: http://kriesi.at/documentation/enfold/downloads/. Place the code at the bottom of the functions.php file.

Best regards,
Rikard

Hi Carole,

Ok, thanks for the feedback. The URL you posted is password protected, but I couldn’t find any passwords in the thread. Could you post that in private as well please?

Best regards,
Rikard

Hi,

Thanks for that. Is it only the second widget you want to have on the right? If so please try this in Quick CSS:

#text-13 {
    left: auto;
    right: 0;
}

Best regards,
Rikard

Hi!

Please adjust the latest css code to the following.

#header #text-13 {
    left: auto;
    right: 0;
}

Best regards,
Ismael

Hey!

Yes, that’s possible. Please add this css code.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #header .widget {
      display: none !important;
  }
}

Regards,
Ismael