Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #264422

    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

    #264933

    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 5 years, 3 months ago by  Yigit.
    #264940

    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.

    #264942

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

    #264944

    Hi!

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

    Cheers!
    Yigit

    #264948

    Works perfect! Thanks, Yigit.

    #265005

    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

    #265089

    Hey Mark!

    Try this:

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

    Best regards,
    Josue

    #265091

    Perfect! Thanks, Josue!

    #265093

    You are welcome, glad we could help :)

    Regards,
    
Josue

    #267035

    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

    #267045

    Hi Mark!

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

    Best regards,
    Josue

    #267070

    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

    #267745

    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

    #446898

    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 4 years, 3 months ago by  adjuan.
    #447279

    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

    #447450

    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

    #447484

    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

    #640861

    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.

    #641220

    Hi,

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

    Best regards,
    Rikard

Viewing 20 posts - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.