100% Width of the device

  • Resolved therock2018

    (@therock2018)


    3 years, 11 months ago

    Hello,
    First of all, thank you very much for your amazing plugin.

    Following the support treads, I found a one dated 2 years ago,
    where you suggest using:

    #boxzilla-(number of the box) { width: 500px; } for set a different width.

    My need is to set for all boxes:
    100% width of the device

    And a question:
    I set the demo box to hide automatically when scrolled up.
    However, the box start to appear as a set but stay there even if you go up.

    Do you have a fix for tye above questions?
    I tried of course to clean cache.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Lap

    (@lapzor)

    The following CSS will make all boxes 100% wide:

    .boxzilla { width: 100%; }

    Maybe 90% is better?

    What trigger did you set for the box? Only when triggered on scroll down it will hide when you scroll back up.

    Hope that helps. If you have any questions, please let me know!

    Thread Starter therock2018

    (@therock2018)

    Hi Lap,
    Thanks a lot. CSS works fine.
    And about the trigger, I set to appear at 20% of the page
    Hide when you scroll up.
    After a couple of fo tests, it seems better for me to leave on the boxes.

    Thanks for this amazing plugin!

    Plugin Contributor Lap

    (@lapzor)

    It’s possible that 20% leaves too little margin to close the box again when scrolling back up past 20%, especially on pages with little content on it, as the box would not close again exactly at 20% but a little above that…

    Hope that helps. If you have any questions, please let me know!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘100% Width of the device’ is closed to new replies.