Joomla Templates Club 406,261 posts

[Tmaglux Friend TmagluxJoin date: November 2015Posts: 18Downloads:14Uploads:3]

#938841

Dear Team,

Good Day!

We need make header look like as attached file with logo on desktop on the top, and a full-width module position under main navigation.

Can help to set this header code please

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap t3-mainnav navbar-fixed-top navbar-collapse-fixed-top">
  <div class="container navbar">
    <div class="navbar-inner">

      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <i class="icon-reorder"></i>
      </button>

      <div class="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 <?php if($logoimgsm) : ?> hidden-phone hidden-tablet <?php endif ?>" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" style="background-repeat:none;" />
            <?php endif ?>
            <?php if($logoimgsm) : ?>
              <img class="logo-img-sm visible-tablet visible-phone" 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>

Please looking forward your kind help

Best Regards

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#939039

Hi
in this case you need to create a new module position in the /tpls/blocks/header.php file , with of the this tutorial
Add custom style in custom.css file if you want to apply addiotional style for this .

Logo is defined in the header.php below the main nav, as u want to move it on top , then cut the logo code

      <!-- LOGO -->
      <div class="logo logo-<?php echo $logotype ?>">
        <h1>
          <a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
            <span><?php echo $sitename ?></span>
          </a>
          <small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
        </h1>
      </div>
      <!-- //LOGO -->

paste it above the main navigation .
But becuase it sticky nav its very to get the same view in header , you need to define pretty new custom style to make it fit .

[Tmaglux Friend TmagluxJoin date: November 2015Posts: 18Downloads:14Uploads:3]

#939155

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#939251

Hi
if you want to display slideshow in full screen. You can create a new position, define a new block as guided here .
http://www.t3-framework.org/documentation/bs3-layout-system#add-block
And then call the new block below the header in layout file present in the /tpls folder . This way you can get full width container .. If you will defined the position under header block it will get the same container width not full width .

[Author]

Posts