Few things there needs to be done.
1. You need to create additional module position:
http://www.gavick.com/documentation/joo ... -position/The module needs to be added just after
- Code: Select all
<section id="gkHeader">
section in default.php.
I would suggest this code:
- Code: Select all
<?php if($this->API->modules('headeraside')) : ?>
<aside id="gkHeaderAside">
<jdoc:include type="modules" name="headeraside" style="<?php echo $this->module_styles['headeraside']; ?>" />
</aside>
<?php endif; ?>
2. You need to float current gkHeader module left, and set its height (in responsive design way):
Please edit: /templates/gk_bikestore/css/override.css and add at its end:
- Code: Select all
#gkHeader {float: left;width: 70%;}
Remember to enable "CSS override" in template settings - advanced section.
3. You need to float your new module right and set its width in "responsive" way. I dont know what Id will You assign to it, for learning purpose lets assume its name is gkHeaderAside (as in 1 point code)... Add to override.css:
- Code: Select all
#gkHeaderAside {float: right; width: 28%;}