I am building a website for a project i have to do and i am stuck on that problem. Good guy Joomlart hides every answer behind a paywall, so i am pretty alone. ( i didn't realize the non existent community help only after starting with purity iii)

So i just want to add a position over the navbar and make it responsive so i can add a header image in there.

I use the Purity III - Corporate Template.

How do i do it? I am a bloody rookie :/

what i mean

1 Answer 1


First add your new position in /templates/purity_iii/templateDetails.xml, inside the positions block:


Now add your position in one of this two options:

  • /templates/purity_iii/tpls/corporate.php
  • /templates/purity_iii/tpls/blocks/header.php

For the second option add this code above the main navigation:

<section class="new-position-css">
    <jdoc:include type="modules" name="<?php $this->_p('new-position') ?>" style="none" />

From here add your custom module, for example a Custom HTML module with your image.

Note: By default the navigation is fixed at the top, change this code:

<header id="t3-mainnav" class="wrap navbar navbar-default navbar-fixed-top t3-mainnav">

To this:

<header id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

As a final step, you can use Firebug for inspect the source code of your page in the browser, for example, add this rules in your main or custom.css file.

body {
    padding-top: 0;
.new-position-css p {
    margin-bottom: 0;
.new-position-css img {
    width: 100%;

Custom Position - Purity III

To complement, find more info here: Purity III Docs. & T3 Docs.


  • I tank you VERY MUCH, it worked on the first try and after a few css changes it looks pretty decent. Again, thank you very much, you helped me a lot!
    – Matthias94
    Apr 27, 2016 at 21:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.