Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 15, 2019 at 12:51 pm #1101022
    Alwin

    Please take a look at this page:
    https://www.experimentkrewerd.nl/bewoners-krewerd/

    On a desktop view everything is like I want it to be. But on a tablet/mobile in portrait view there suddenly appears a white box under the grey text box.
    In desktop view this white box is not there (and that’s how I want it).

    How can I prevent this white box from appearing?

    Thank you very much for your help :)

    Alwin

    May 15, 2019 at 1:55 pm #1101043
    Jordan Shannon

    Hey Alwin,

    Can you provide a screenshot? I’m not seeing the white box.

    Best regards,
    Jordan Shannon

    May 15, 2019 at 2:03 pm #1101049
    Alwin

    Hello Jordan, how can I upload a screenshot? Don’t see any option for that?

    May 15, 2019 at 2:40 pm #1101077
    Jordan Shannon

    Hi,

    Use the following:

    https://snag.gy/

    And just share the link provided.

    Best regards,
    Jordan Shannon

    May 15, 2019 at 2:44 pm #1101080
    Alwin

    Here is the screenshot:
    https://snag.gy/s75VtZ.jpg

    It’s about the white box between the grey text box and the green footer. This withe box is best visible when you resize the browser on a desktop monitor. At some point you will see the white box. I have seen it on tablets in portrait view too.

    May 16, 2019 at 7:16 am #1101274
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
.page-id-152 .template-page {
  display:none;
}

.page-id-152 .avia-builder-el-9 {
  padding-bottom:0;
}
}

    Best regards,
    Rikard

    May 16, 2019 at 9:53 am #1101368
    Alwin

    Thank you Rikard,

    The white box is smaller now but still not gone…

    • This reply was modified 5 years, 6 months ago by Alwin.
    May 17, 2019 at 1:18 pm #1101790
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 1024px) {
.page-id-152 .template-page {
  display:none;
}

.page-id-152 .avia-builder-el-9 {
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
}

    Best regards,
    Rikard

    May 20, 2019 at 11:28 am #1102443
    Alwin

    Thank you for your help Rikard, but this code does not help either…

    I have build another site with Enfold (www.optiion.nl) wich shows the same problem.

    May 20, 2019 at 6:42 pm #1102535
    Jordan Shannon

    Hi,

    Did you add his code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    May 21, 2019 at 10:09 am #1102774
    Alwin

    Hi Jordan,

    Yes, I placed in to the very top of my custom child theme css file.

    But it does not work..

    Regards,
    Alwin

    May 21, 2019 at 4:43 pm #1102923
    Nikko

    Hi Alwin,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

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