Prallax Pro: Customizing Footer

[Mahesh]

Hi,

I am editing the parallax pro theme for my clients. I have managed to edit the footer using shortcodes.

However, I have yet to find a way to remove the category links and also make the footer widgetize at the place of category links.

Any idea how to accomplish this?

Any help on this is much appreciated. 🙂

[Davinder Singh Kainth]

1. Those category links at bottom is basically menu items of your selected 'secondary menu'. You can either uncheck menu being selected as 'secondary menu' or bring menu below primary menu at top part by removing following code from functions.php file

//* Reposition the secondary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_footer', 'genesis_do_subnav', 7 );

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

2. Parallax theme does have footer widgets but please note - it is only has one footer widget. To add more widgets, look for following code in functions.php file.

//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 1 );

Replace it with

//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );

Now you will have 3 footer widgets but you have add to required styling for new footer widgets in style.css file.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[khull]

I used this to change a site to 4 columns using the above, but in responsive (media 480) I'd like them to stack because the columns are very narrow on a phone. I know it's a CSS thing but I can't get it to work.

Here's the

@media only screen and (max-width: 480px) {

.home-even .widget-title,
.home-odd .widget-title {
font-size: 26px;
}

.home-even,
.home-odd {
font-size: 22px;
}

.footer-widgets .widget-title {
font-size: 14px;
}

.home-odd h1 {
font-size: 26px;
}

}

[Davinder Singh Kainth]

Khull, I don't think 'private reply' feature works perfectly on this forum setup. You may want to add a public reply or connect with query posting user directly.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[khull]

I forgot to mention, I have also tried the below change and it didn't work:

@media only screen and (max-width: 480px) {

.home-even .widget-title,
.home-odd .widget-title {
font-size: 26px;
}

.home-even,
.home-odd {
font-size: 22px;
}

.footer-widgets .widget-title {
font-size: 14px;
}

.home-odd h1 {
font-size: 26px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
width: 100%;
padding: 10px;
}
}

[khull]

Latest update - I can get it to stack by inserting a clear:both but the width won't change.
Here’s what I have figured out.
In media 480:
.footer-widgets .widget-title {
font-size: 20px;
}
is working - it changes it only in the mobile & not on the site - but
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
clear: both;
width:100%;
padding: 10px;
}
doesn’t work.

If I change the width to 100% from 25% in the regular footer section

.footer-widgets-1 {
float: left;
padding: 0 0px 0 0;
width: 100%;
text-align: left;
font-size: 14px;
}
It works like a charm. But, then the regular site stacks.
If you do inspect element in Chrome, it clearly shows the css as media=all so it isn’t pulling from the media 480.

I’ve even tried pasting the entire footer section into 480 and changing it to 100% in 480 and it doesn’t work.

The site is here: http://acctivate.com/

[Author]

Posts