Joomla Templates Club 406,261 posts

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#1067415

Hello,

Since we updated our http://www.aalisg.org website to latest T3 framework version the footer menu is not horizontally displayed anymore.

Ideally we would like this footer menu to be displayed horizontally like before and its menu elements be separated by a vertical bar symbol like this |, so that the menu will look like this:
CREDITS | GENERAL TERMS | LEGAL NOTICE | PRIVACY POLICY | SITEMAP.

Also, we would like to remove this white background color when there is a mouse over on one of these menu items.

As we would like these CSS modifications to resist T3 framework future updates we think the code should be written in the custom.css file.

Can you please help us to do so?

Regards

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

#1067424

Hi
Add below code in custom.css file to remove the background color and horizontal menu items

.copyright .nav {display:flex;}
.copyright .nav > li > a:hover, .nav > li > a:focus {background:transparent;}

Regards

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#1067447

Hello and thank you for your reply,

The code you provided us works but it seems the menu is not responsive. Also would it b possible to left-align the menu with the copyright text below?

Regards

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

#1067452

Hi
Replace the code with this code

@media (min-width:768px) {
.copyright .nav {display:flex;}}
.copyright .nav > li > a:hover, .nav > li > a:focus {background:transparent;}

Now it works only for the large view.
In the left of menu items padding of menu items if you will remove them it will reduce the space of between the items as well.

Regards

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#1067699

Hello and thank you for your reply,

The code you provided us works great but isn’t there a way to left align this menu with copyright text below without changing the space between menu elements?

Regards

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

#1067705

Hi
Add below code in custom.css file

.copyright .nav li a:first-child {
    padding-left: 0px;
}

Regards

[Author]

Posts