Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 7, 2018 at 3:34 pm #1007140
    realisedesign

    Hello Enfold team,

    Is there a way to only show a two of my four columns in the footer on mobile? I basically only want to show columns 1 and 4 on mobile.

    Link below

    Thanks!

    September 7, 2018 at 5:32 pm #1007214
    Victoria

    Hey realisedesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
 #footer .flex_column.av_one_fourth:nth-child(2), 
 #footer .flex_column.av_one_fourth:nth-child(3) {
   display: none;
 } 
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 10, 2018 at 10:39 am #1007846
    realisedesign

    Thanks Victoria!

    Just to check, does the (2) and (3) denote the columns?

    So if I were to change my columns around I could just switch these out for the columns I do not want to show? or add – #footer .flex_column.av_one_fourth:nth-child(4) if I also wanted to stop showing my 4th column?

    Thanks again, you guys are great.
    Sean

    September 10, 2018 at 12:49 pm #1007883
    Rikard

    Hi Sean,

    Yes that is correct, it’s the number of column which is in the CSS, and you can change or add that to 4 if you should want to remove the fourth column as well.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.