Public Forums 71,145 posts

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#548116

Hi @marinolab:

Please open file root_folder/templates/purity_iii/css/template.css then look for this code :

.navbar-default .navbar-nav > li > a {
color: #bbe6ff;
padding: 200px;
text-transform: uppercase;
}

and update as below :

.navbar-default .navbar-nav > li > a {
color: #bbe6ff;
text-transform: uppercase;
}

Save your file and recheck the result.
@thatoo :

You can update your code a little bit as below :

<p style="text-align: center;">
<a title="Ecole, World y Camino" href=/>
<img class="logo-img" style="max-width: 100%; height: auto" alt="Ecole, World y Camino" src=/images/headers/banniere.jpg>
</a>
</p>

Please note that the part you quoted above is in my conversation between me and marinolab, so it’s applied to his site only, not for everyone.

About other question with responsive layout, I’m afraid that you will have to purchase for a Membership plan in order to get assistance in such technical matter.

1 user says Thank You to Adam M for this useful post

1. marinolab

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#548126

<em>@thatoo 443956 wrote:</em><blockquote>Ok, I progress, I created two new module position, big-banner and small banner in header.php :
<div class=”col-xs-12 col-sm-3 big-banner<?php $this->_c(‘big-banner’)?>”>
<jdoc:include type=”modules” name=”<?php $this->_p(‘big-banner’) ?>” style=”raw” />
</div>
<div class=”col-xs-12 col-sm-3 small-banner<?php $this->_c(‘small-banner’)?>”>
<jdoc:include type=”modules” name=”<?php $this->_p(‘small-banner’) ?>” style=”raw” />
</div>
And I attach to each of it, a big banner and a small one, and in the template parameter, I could activate only the big-banner module position for big screen and only the small banner position for the small screen, So yeah, I have my banner, on top of the menu, and responsive. Unfortunately, it’s not centred anymore (why?). My hteml code for the module is still the same :
<p style=”text-align: center;”>
<a title=”Ecole, World y Camino” href=/>
<img class=”logo-img” alt=”Ecole, World y Camino” src=/images/headers/banniere.jpg>
</a>
</p>
Is it because of this line that I didn’t put before <div class=”col-xs-12 col-sm-3 big-banner<?php $this->_c(‘big-banner’)?>”> ?
If yes, what can I change to centre my banner again?
Thanks in advance.</blockquote>

I manage to have a banner on top of my website and make it responsive. The only problem now, is to center it. Do you have an idea, how?

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#548139

It has nothing to do with
<div class=”col-xs-12 col-sm-3 big-banner<?php $this->_c(‘big-banner’)?>”> ?
or maybe but I’m not sure,
I just had to add in custom.css this line to centre it.
.col-sm-3 {
width : 100%
}

Good luck for other people.

[Author]

Posts