Set minimum width of Footer 1 for responsive layout

  • I’m trying to set a minimum width for the Footer 1 area so it doesn’t get too narrow before wrapping Footer 2 below it as the browser window width gets smaller.

    Currently, as the browser window width shrinks, Footer 1 gets too narrow and breaks the layout of the widgets inside.

    Thanks for your help on this,
    Phil

Viewing 1 replies (of 1 total)
  • Branko

    (@brankoconjic)

    Phil,

    You could try something like this:

    #sinatra-footer-widgets {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
}

#sinatra-footer-widgets .sinatra-footer-column {
  width: 100%;
  max-width: unset;
}

    Adjust the 250px value.

    The CSS can be added into the “Additional CSS” field in Appearance ? Customize.

Viewing 1 replies (of 1 total)
  • The topic ‘Set minimum width of Footer 1 for responsive layout’ is closed to new replies.