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>