Footer mobile version

Hi,

Sorry for the delay. You can wrap the code in this css media query.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Example with a few adjustments.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #footer .av_one_third:first-child {
	width: 50% !important;
  }

  #footer .av_one_third:nth-child(2), #footer .av_one_third:last-child {
	width: 20% !important;
	float: left !important;
	margin-left: 5% !important;
  }
}

Best regards,
Ismael

Hi,

Thanks for the update. I’m not sure what’s going on there, since the third widget seems to be outside of the footer. Could you post admin login details in private so that we can have a closer look please?

Best regards,
Rikard

Hi,

Thanks for that. The login details are not working though:

Unknown username. Check again or try your email address.

Please check and verify.

Best regards,
Rikard

Hi,

Thanks for that, login details are working now. I removed some unnecessary markup in your widget and that made them display as they should again. Could you please try Ismaels CSS again to see if it works better this time?

Best regards,
Rikard

Hi,

Thanks for the update. Please try this in Quick CSS:

@media only screen and (min-width: 1025px) {
#footer .av_one_third.first {
    width: 50%;
}

#footer .el_after_av_one_third {
    width: 18%;
}
}

You might have to adjust the % values a bit to get it looking right, and the media query is for above tablet size only.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard