zoom exceeds outside the window

  • Resolved leo202006

    (@leo202006)


    4 years, 3 months ago

    Hi
    Sometimes the images to which I apply the zoom are on the right, sometimes on the left of my page. When the images are on the left, the zoom is well positioned to the right of it.
    But when my images are right in the page, the zoom window sticks out outside the browser window…
    How to solve the problem?
    Thank you in advance for your help!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter leo202006

    (@leo202006)

    Hello
    Sorry I have a second question…
    When I scroll up or down the “zoomContainer” moves.
    The attached image will be more meaningful: I put a red border on the “zoomContainer” to better understand: https://www.activdigital.com/mermoz2/wp-content/uploads/2020/08/probleme-zoomcontainer.jpg

    The site is here:
    https://www.activdigital.com/mermoz2/project/grand-pectoral-cacique-aux-attributs-oiseaux/

    Regards

    Plugin Author Diana Burduja

    (@diana_burduja)

    The zoom window can be placed on the left side of the image in the plugin’s pro version by adding the “zoooom-left” CSS class. See this screencast for an example. Unfortunately, the feature is available only in the plugin’s pro version.

    The zoom window is not in the right place above the image on your website because the Smart Slider 3 slider on top of the image doesn’t have a fixed height. The slider will load after the zoom window is created and placed top of the images and push the whole page’s content a few tenths of pixels down. If you fix the slider wrapper’s height with a CSS rule, then the zoom window will show up in the right place.

    Thread Starter leo202006

    (@leo202006)

    Hello
    Thank you very much for your quick reply!
    The solution to the second problem seems to work. That’s great!

    I would like to have a clarification regarding my first problem concerning the placement of the window. In the pro version, is it possible to choose a different zoom window position for each image? Because sometimes I would need to put it on the right side and sometimes on the left depending on my page layout.

    Regards.

    Thread Starter leo202006

    (@leo202006)

    Hi again
    The problem with the position of the “zoomContainer” has returned. I do not understand…
    Can you help me?

    • This reply was modified 4 years, 3 months ago by leo202006.
    Plugin Author Diana Burduja

    (@diana_burduja)

    Fixing the slider’s height means setting a fixed value (in px, em or rem) for the “height” attribute. “height: auto” doesn’t fix the height. In fact, if no “height” attribute is set to an element, then its default value is “auto”.

    Yes, the placement of the zoom window is possible on a per-image basis. You’ll need to add the “zoooom-left” or “zoooom-right” CSS class to the image in order to override the setting on the “WP Admin -> WP Image Zoom -> Zoom Settings” page. Please see the screencast for a demonstration.

    Thread Starter leo202006

    (@leo202006)

    Hi
    Thank you for the reply.
    I set the height of the slider to 680px but that doesn’t seem to fix the problem.

    .n2-section-smartslider {
    height: 680px;
    }

    In addition, this solution is not optimal because my slider is no longer responsive in this way and I have a large white space under the slider on certain screen sizes.

    Regards

    Thread Starter leo202006

    (@leo202006)

    Hello
    Any idea to fix the problem? I tried different things without success…
    Regards

    Plugin Author Diana Burduja

    (@diana_burduja)

    I’m sorry, I don’t know why the zoom window doesn’t align properly on your page.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘zoom exceeds outside the window’ is closed to new replies.