Black Friday Sale! Get up to $40 off GP Premium!Learn more

Reply To: How to have footer widgets in 2 different rows

Home Forums Support How to have footer widgets in 2 different rows Reply To: How to have footer widgets in 2 different rows

#191773
JP

Hi Tom,
Thanks for your quick reply.

It worked perfectly for the first one (the 100%) but the others are not displaying correctly on the second row. Even with a maximized browser window on my 15″ laptop the other 4 are not occupying the full width of the second row.

Check this out http://imgur.com/1MrHujp or http://imgur.com/8BHkW0d (with more than one box on one of the widgets)

I tried including the % manually for the other ones using .footer-widget-2, .footer-widget-3, .footer-widget-4, .footer-widget-5 { width: 25%;} and it worked for the desktop version (http://imgur.com/Ims30vm) but I’m afraid I lose the responsiveness with other devices (http://imgur.com/eE7qQGT).

I also tried using the hook before the footer (while keeping the layout with only 4 footer widgets) but it goes full screen instead of limiting it to the max size of the content (1100px in this case).

JP.