Tagged: , ,

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • May 14, 2014 at 3:28 am #264422
    Mark

    Hey guys,

    I’ve updated to the latest theme in WordPress and my footers are no longer responsive from Mobile or Tablet. Can you please help with this?

    http://happyhoursvancouver.com/

    Also, do you have any recommendations for a great Email sign up widget (Pop up, Lightbox effect) that integrates with MailChimp?

    Thanks,

    Mark

    May 14, 2014 at 9:38 pm #264933
    Yigit

    Hi Mark!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
#footer .av_one_fourth {
width: 100%!important;
margin: 0!important;
}}

    Please go to – http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto and find “inline content”

    Cheers!
    Yigit

    • This reply was modified 10 years, 7 months ago by Yigit.
    May 14, 2014 at 9:53 pm #264940
    Mark

    Hi Yigit,

    It didn’t work. Please check http://happyhoursvancouver.com as I have left it the way it is for you to see. Please help me fix this as soon as you can. Thanks.

    May 14, 2014 at 9:55 pm #264942
    Mark

    I should mention, it does work better on Mobile, but on desktop each footer is stretched out across the full width of the screen.

    May 14, 2014 at 9:56 pm #264944
    Yigit

    Hi!

    Yes, it happened because i forgot to add media queries, sorry :) I have edited my post, please try it now

    Cheers!
    Yigit

    May 14, 2014 at 10:02 pm #264948
    Mark

    Works perfect! Thanks, Yigit.

    May 15, 2014 at 1:26 am #265005
    Mark

    Hi Yigit,

    So it works well now from a mobile phone and on desktop, however, when you view it in landscape mode on your mobile phone, it’s showing the same way it did before. Is there a way to fix this as well?

    Thanks,
    Mark

    May 15, 2014 at 5:56 am #265089
    Josue

    Hey Mark!

    Try this:

    @media only screen and (max-width: 767px) {
#footer .av_one_fourth {
width: 100%!important;
margin: 0!important;
}}

    Best regards,
    Josue

    May 15, 2014 at 6:05 am #265091
    Mark

    Perfect! Thanks, Josue!

    May 15, 2014 at 6:12 am #265093
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

    May 19, 2014 at 11:27 pm #267035
    Mark

    Hi Josue,

    For some reason the full-width slider is not responsive on a mobile device (horizontally) – it works in landscape mode. Can you help with this.

    http://happyhoursvancouver.com

    Thanks,

    Mark

    May 19, 2014 at 11:36 pm #267045
    Josue

    Hi Mark!

    Can you post a screenshot of your view describing the problem?

    Best regards,
    Josue

    May 20, 2014 at 12:45 am #267070
    Mark

    It cuts out half of the image. I’d like it to automatically shrink the image.

    https://www.dropbox.com/s/fv352dqecl7sliz/Screen%20Shot%202014-05-19%20at%203.43.13%20PM.png

    May 21, 2014 at 3:22 am #267745
    Devin

    Hey!

    That isn’t the fullwidth slider, that is the full *screen* slider. The fullscreen slideshows will not adjust to the users viewport and keep the full image visible. They will instead keep the screen filled and crop the image.

    If you want the image to never be cropped you can use the full width slideshow instead.

    Best regards,
    Devin

    May 20, 2015 at 4:46 am #446898
    adjuan

    Hey!

    I´m also having the same problem (footer not responsive – mobile) I tried to fix it with the code that Yigit replied but it doesn’t work for me. Can you help me?

    My website: http://www.yaleseguridad.com

    • This reply was modified 9 years, 7 months ago by adjuan.
    May 20, 2015 at 5:00 pm #447279
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 768px) {
#footer .flex_column {
  width: 100%;
  margin: 0;
}}

    Best regards,
    Yigit

    May 20, 2015 at 10:35 pm #447450
    adjuan

    Hi Yigit,

    It works for the footer, thanks! Now I have the same problem but in the section before the footer on this page: http://www.yaleseguridad.com/prueba-poligrafo/ . Can you help me with this?

    Thanks,

    Juan

    May 21, 2015 at 1:52 am #447484
    Josue

    Hi!

    Set a custom ID (“pre_footer”) to that section and modify Yigit’s code to:

    @media only screen and (max-width: 768px) {
#footer .flex_column, #pre_footer .flex_column {
  width: 100%;
  margin: 0;
}}

    Cheers!
    Josue

    May 31, 2016 at 12:14 pm #640861
    stelil

    I had this issue on my homepage only and found that the last element on the page (a contact form) was not in a colour section. Once I created a colour section and put the contact form within, the footer was responsive again ? Just thought I’d post in case that help anyone.

    June 1, 2016 at 5:49 am #641220
    Rikard

    Hi,

    Thanks for the tip @stelil, much appreciated :-)

    Best regards,
    Rikard

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