Docs

[OverheadOnline]

I added a widget by inserting the following code in the function.php of the child theme

add_action('x_after_view_global__brand', function(){ 

echo '<div cass="logobar-widget-area">';
dynamic_sidebar( "logobar-sidebar" );
echo '</div><style>.logobar-widget-area { float: right; }</style>';

});

register_sidebar( array(
	'name'          => __( 'Logobar Widget Placement' ),
	'id'            => "logobar-sidebar",
	'description'   => '',
	'class'         => '',
	'before_widget' => '<div id="%1$s" class="widget %2$s">',
	'after_widget'  => "</div>",
	'before_title'  => '<h3 class="widgettitle">',
	'after_title'   => "</h3>"
) );

that put a widget-area in the logo-bar.

what I want to achieve is showing the widget-area next no the logo. (logo: left; widget area: right)
somehow they are always on top of eachother.
Is here a way to align those elements?

Thank you in advance.

[Darshana]

Hi there,

Thanks for writing in! Custom development is beyond the scope of our support, however could you please provide us with the URL to your site? so that we can provide a workaround if possible.

Thanks!

[OverheadOnline]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for the credentials, please add this on your Custom CSS on Customizer.

@media (min-width: 980px) {
	.x-brand.img {float: left;}
	.logobar-widget-area {
	float: right;
    margin-top: 2%;
}
}

Another important thing, please look for this line on your code above.

echo '<div cass="logobar-widget-area">';

Make sure you edit that cass to class or else any custom CSS targeting the class logobar-widget-area wont work.

Cheers!

[OverheadOnline]

Hi Friech,

no wonder I couldn’t address the c(l)ass 😉

thank you very much! works fine now!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts