Shape 5

Joomla Templates => Campus Life - Club => : chriddo January 19, 2016, 03:05:03 PM



: How to reduce the height of the background main menu and links centered?
: chriddo January 19, 2016, 03:05:03 PM
I see that originally the height of the main menu background is 190px.
I tried to reduce it to 100px (as below) but the main menu items did not change because of this. 

:
#s5_headerbackground {
width:100%;
height: 100px;
background-attachment: scroll;
    background-color: #ffffff;
background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;}

Any suggestion on how to solve this the best way?


: Re: How to reduce the height of the background main menu and links centered?
: jonahh January 20, 2016, 02:15:15 PM
Hello

It all depends on if you have custom_6 and or breadcrumbs published. If neither are published then you'd edit where you did in the CSS file but if any of these are published the height had to be adjusted.  We added the scenarios for this in the template's index.php file and so you'd have to change the heights there:

:
<?php if ($s5_pos_breadcrumb == "published" && $s5_pos_custom_6 == "published") { ?>#s5_headerbackground{height:180px;}<?php ?>
<?php if ($s5_pos_breadcrumb == "published" && $s5_pos_custom_6 != "published") { ?>#s5_headerbackground{height:215px;}<?php ?>
<?php if ($s5_pos_breadcrumb != "published" && $s5_pos_custom_6 == "published") { ?>#s5_headerbackground{height:215px;}<?php ?>