Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2015 at 6:30 pm #467685
    unclemurray

    For some reason, the first two sections on this page will not scale down or break into the responsive layout in Firefox & IE, instead the image and content just get pushed outside the window. It’s working fine in Chrome & Safari.

    July 3, 2015 at 4:10 pm #468118
    Ismael

    Hi unclemurray!

    Thank you for using Enfold.

    Please try to add this to the Quick CSS field:

    @media only screen and (max-width: 989px) {
.avia-section.av-minimum-height .container, .avia-section.av-minimum-height .container .content {
  display: block;
}}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    July 6, 2015 at 10:24 pm #469274
    unclemurray

    Hello Ismael,

    While your fix has resolved the issue for IE and Firefox, it has now broken all of the responsive pages for Chrome, Safari and Opera. Sections are floating into each other at the breakpoint.

    July 7, 2015 at 11:14 am #469540
    Ismael

    Hey!

    Alright. Please try to replace the code with this:

    @media only screen and (max-width: 989px) {
.avia-mozilla .avia-section.av-minimum-height .container, .avia-mozilla .avia-section.av-minimum-height .container .content, .avia-msie .avia-section.av-minimum-height .container, .avia-msie .avia-section.av-minimum-height .container .content {
  display: block;
}}

    Best regards,
    Ismael

    July 7, 2015 at 3:31 pm #469728
    unclemurray

    Perfect! Thank you so much!

    July 8, 2015 at 8:01 am #470045
    Rikard

    Hi!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Certain sections don't scale responsively on Firefox and IE’ is closed to new replies.