How to hide some footer columns?

  • Hello
    I love your theme.
    The website is https://www.mochaandco.com

    I have 4 footer columns in use. Currently I am using the following CSS to entirely hide the footers when the user is on a mobile:

    @media (max-width: 979px) {
aside.kad-sidebar, #containerfooter {display: none;}
}

    However I would only like to hide one or two of the footer columns, is there any way I can do this?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Use the #id of the aside element (view source to see it).

    For example this will display none the widget content in the first column

    #nav_menu-3 { display: none; }
    hannah

    (@hannahritner)

    chelsentus,
    You can select footer columns with css like this:

    @media (max-width: 979px) {
.footercol4 {
  display: none;
}
}

    You would just change the 4 to 1, 2, or 3, depending on the column[s] you want to remove.

    Hannah

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to hide some footer columns?’ is closed to new replies.