Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 13, 2015 at 1:42 pm #427475
    Ink_Eye

    Hi,

    Theme works perfect, ecxept:

    last two colums above the google map. They do not work correctly on mobile screens.

    Do you know why?

    Best regards,
    Thomas

    April 14, 2015 at 12:56 pm #428178
    Ismael

    Hi Ink_Eye!

    Thank you for using Enfold.

    I checked the page but the section on top of the google map is empty even on desktop view. Did you remove it? If possible, please create a test page and a screenshot of the issue.

    Cheers!
    Ismael

    April 23, 2015 at 2:23 pm #433477
    Ink_Eye

    Hi Ismael,

    the empty section was, because of a second issue. I removed the empty section. Now you can see, that the map is’nt shown fullscreen anymore.

    The column issue is in: Adress and contact form.

    Best regards,
    Thomas

    April 24, 2015 at 7:22 am #433900
    Ismael

    Hey!

    Did you add any html tags inside the page? Make sure that you close them properly. The section with the issue is outside the wrap_all container. It should be inside. Add this in the Quick CSS field to fix the columns temporarily:

    @media only screen and (max-width: 767px) {
.responsive .flex_column {
  width: 100% !important;
  margin-left: 0;
}}

    Check the page and look for any unclosed html tags.

    Best regards,
    Ismael

    April 27, 2015 at 6:18 pm #435485
    Ink_Eye

    Hi,
    ok, I will do this, thanks!

    April 27, 2015 at 6:21 pm #435488
    Ink_Eye

    Hi,

    this code does not work either.

    I check the page for any unclosed html tags.

    Regards,
    Thomas

    April 29, 2015 at 2:43 pm #436698
    Ismael

    Hi!

    Try this:

    @media only screen and (max-width: 767px) {
.flex_column.av_one_half {
  width: 100% !important;
  margin-left: 0 !important;
}}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    May 5, 2015 at 3:20 pm #439751
    Ink_Eye

    Hi,

    it works! Thank you.

    Do you know, why

    “@media only screen and (max-width: 767px) { .responsive .flex_column { width: 100% !important; margin-left: 0; }}” is shown in the Socket now?

    Regards,
    Thomas

    May 5, 2015 at 3:26 pm #439757
    Yigit

    Hi!

    It seems like you have added that custom CSS code to Google Analytics field instead of Enfold theme options > General Styling > Quick CSS field :)

    Regards,
    Yigit

    May 5, 2015 at 3:47 pm #439771
    Ink_Eye

    Hi,

    and yes :D
    you are right! My fault, thanks!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Column Problem’ is closed to new replies.