Hi!

I've 3 position in header:
CUSTOM POSITION(created by me) - LOGO - LANGUAGESWITCHERLOAD

In some screen (medium) languageswitcherload positition (which contains a custom html), overlaps the logo image, while CUSTOM POSITION work correctly.
How can I edit bootstrap code to solve this problem?
Thanks in advance!


Here the position code in header.php:

CUSTOM POSITION

<div class="col-xs-12 col-sm-4">

<jdoc:include type="modules" name="<?php $this->_p('header-1') ?>" />

</div>

LOGO

<div class="col-xs-12 <?php echo $logosize ?> logo">

<div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">

<a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">

<?php if($logotype == 'image'): ?>

<img class="logo-img" src="/<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />

<?php endif ?>

<?php if($logoimgsm) : ?>

<img class="logo-img-sm" src="/<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />

<?php endif ?>

<span><?php echo $sitename ?></span>

</a>

<small class="site-slogan"><?php echo $slogan ?></small>

</div>

</div>

LANGUAGESWITCHERLOAD

<div class="col-xs-12">

<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />

</div>