Docs

[OverheadOnline]

Hi X-ers!

I’m trying to align a logo with a widget-area I set up in the header. I played around with it and searched the forum but found nothing so far. Here is what I did so far:
I set up the Logo-widget with .php with:

add_action('x_after_view_global__brand', function(){ 

echo '<div class="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>"
) );

Then I tried to customize the CSS as follows:

/***
Header Widget - Logo Position
***/

@media (min-width: 980px) {
	.x-brand.img {
    float: ;
    width: 25%;
    height: 100%;
    margin-bottom:0;
    padding-bottom:0;
  }
  
	.logobar-widget-area {
    float: ;
    height: 100%;
    width: 75%;
    margin:0;
    padding:0;
    }
}

.x-logobar {
  border-bottom: none;
  width: 100%;
  height: 100%;
  background-color:#000;
}

The result is as shown in the picture attached. “float” is left empty because it didn’t cause any change.

What I want to achieve is a marginless side-by-side alignment with the same height.

Do you have any ideas how to best achieve that?

Thank you very much! Have a great day!

[OverheadOnline]

This reply has been marked as private.

[Christian]

Hey there,

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[OverheadOnline]

Hi Christian,

thanks for your answer! I totally understand.
In the end I was able to figure it out myself. (and learned something new :-))

Cheers

[Paul R]

Hi,

Glad to know you have figured it out.

Have a nice day! 🙂

[Author]

Posts