Full-width footer widget

[tatami]

I'm using eleven40 Pro. I want to have a full-width footer widget (containing tags) on the home page of my website. I've added the following code:

 /* Make footer widget full width */
.footer-widgets-1 { width: 100%; }

This seems to work fine in most cases but when I view it on my iPad in landscape mode, the footer widget takes up only a third of the width. There's also a heading called Footer. I'm hoping that someone here can help me resolve this issue. Thanks for any help.

https://www.aenigma-images.com

[tatami]

Just noticed that the problem is on desktop browsers as well. Please help!

[Genesis Developer]

Try this CSS

.footer-widgets .footer-widgets-1 {
	margin-right: 0;
	width: 100%!important;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[tatami]

Brilliant. That works like a charm! Thank you so much.

One other question, if I may. I'd like to get rid of that heading "Footer". For the time being, I've used Design Palette Pro to make the text colour white so it's now invisible but it's still taking up space. When I inspect it in Chrome it identifies as:

<h2 class="genesis-sidebar-title screen-reader-text">Footer</h2>

How can I get rid of it?

[AnitaC]

If you are seeing the screen reader text there must be an issue somewhere else. It should only be visible to someone who has their screen reader enabled in their browser. You should not need to hide it with a background color.

---

Need help with customization or troubleshooting? Reach out to me.

[tatami]

Well, it’s strange, Anita. This seems to be the only instance and it’s appeared since I updated my website to Genesis v.3 and eleven40 Pro to 2.2.3 from 2.2.1. Can you suggest what might be causing it and what to do about it? Thank you for your help. I appreciate it.

[Author]

Posts