[Support request] How to stretch 3 footer widget areas to fill the space

Home Forums Support How to stretch 3 footer widget areas to fill the space

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1438454
    Brian

    I am tweaking Mike’s dev theme.

    I changed it from 4 footer areas to 3. I assumed the 3 would scale to fit the space but there is still an empty area where the 4th widget area was.

    https://drive.google.com/file/d/1kevFt7UQUt8StwihvM8-h0WNBVBs1qWB/view?usp=drivesdk

    Any suggestions?

    #1438609
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Dev has some custom CSS for the footer widgets.

    Go into “Customize > Additional CSS” and remove this:

    /* footer widget spacing */

    @media (min-width:1025px) {
      .footer-widgets .footer-widget-1 {
    		width: 15%;
    		padding-right: 80px;
      }
      .footer-widgets .footer-widget-2 {
        width: 20%;
      }
      .footer-widgets .footer-widget-3 {
    		width: 30%;
      }
      .footer-widgets .footer-widget-4 {
        width: 35%;
      }
    }
    
    @media (max-width:768px) {
    .footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, 
    .footer-widgets .footer-widget-4 {
    		width: 100%; 
    		text-align: center;
    	}
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.