drowdown menu in footer (Mobile)

Hi,

Not sure if i understood you correctly.

If you are talking about footer menu that is being displayed inline with copyright text, it is not possible to add dropdown feature to it at the moment unfortunately. Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

If you would like to hide certain footer columns on mobile, please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
#footer .flex_column:nth-child(1),#footer .flex_column:nth-child(3) {
display: none !important; 
}}

That would hide 1st column and 3rd column on mobile. You can adjust the numbers as needed.

If neither was what you meant, please elaborate.

Best regards,
Yigit

Hi,

Please edit the code and changed “480px” to “767px”.

I am not sure if i understood the second part. Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 767px) {
#footer .flex_column {
    width: 50%!important;
}}

Best regards,
Yigit

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) {
#footer .flex_column * {
    text-align: center !important;
}}

Cheers!
Yigit

Hi,

Great!
Let us know if you have any other questions or issues :)

Best regards,
Yigit