Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Header and footer Full width

Featured Lock Resolved
Hi,

Is it possible to display (only) the header and footer full width of the screen?

Thanks for your reaction in advance.

Sander

7 Answers

Ehsan Riyadh

More than a month ago #Permalink
Yes, you have to customize templates/simplicity-II/index.php file.

Janssen

More than a month ago #Permalink
Hi ShaperRiyadh,

thanks for your answer!
Don't know much about PHP, can you please tel me how to change the index.php file?

Thanks!
Sander

Ehsan Riyadh

More than a month ago #Permalink
You don't need to advance php knowledge but html knowledge. Please, understand that content width 960px comes from .sp-wrap.
I think you wanted full width for background. So, Header and footer main div will be outside of sp-wrap. That's it.

Janssen

More than a month ago #Permalink
Thanks! I wil try

Sander

Ehsan Riyadh

More than a month ago #Permalink
You are welcome. But try it with backup copy.

Kao

More than a month ago #Permalink
I have the same question too, I am really new to this. But a little confused about how to change the values in the index.php file. Do I change the following lines?

Header--
<div class="sp-wrap main-bg clearfix">

footer--
<div class="sp-wrap">

If so, what should the values be to replace "sp-wrap" ?

Ehsan Riyadh

More than a month ago #Permalink
No replace or place. Just separate Main div Footer or Bottom or Header from sp-wrap. Example:

[CODE]
<div id="header">
<div class="sp-wrap">
Your header content goes here.
</div>
</div>
[/CODE]

Same to
[CODE]
<div id="bottom">
<div class="sp-wrap">
Your bottom content goes here.
</div>
</div>
[/CODE]

sp-wrap helps to stay your content on 960px :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 124
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 97
Toufiq

Toufiq

Total Accepted Answers: 23
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289768

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us