Responsiveness gliches when zooming in/out

This topic has 31 replies, 4 voices, and was last updated 9 years, 8 months ago ago by Stan Russell

  • Avatar: ronen-webzit
    ronen-webzit
    Participant
    January 25, 2015 at 10:28

    Hello,

    I’m using the Royal Store theme on one pf my projects.

    Recently the responsive alignment is breaking up when I zoom in and mainly when zooming out:
    All the main content is pushed to the right and the mobile menu appears on the left, leaving a blank area in between.

    The weird thing is that upon page reload – all is coming into place !!!

    This is happening only in chrome which is my primer browser.

    I’m using a child theme and to go on the safe side I tested this with the original Royal theme to no avail – the issue exists there as well.

    The issue is reproduced easily by opening the website in Google Chrome and zooming out (Ctrl+mouse wwheel or +/- keys)

    Enclosed images:
    first page load
    zooming out to 90%
    reload at 90% zoom out

    This is a real show-stopper for me – so your prompt reply is highly appreciated.

    Best,

    Ronen

    Please, contact administrator
    for this information.
    30 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    January 25, 2015 at 14:14

    Hello,

    Please check your site on mobile devices. There shouldn’t be any problems.
    When you resize a browser window you must reload a page.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    January 27, 2015 at 06:46

    Hello Eva,

    On your demo this phenomenon does not exist.
    Enclosed screenshot of demo zoomed to 90% WITH OUT RELOAD !
    Demo - zoomed out to 90 %

    My guess is that there are some css differentiation between the demo version and the one I purchased.

    This is inapplicable to ask website visitors to reload on every zoom – and it leaves the visitor with a bad impression.

    Please address this issue – the theme cannot be used like that.

    Again, thank you for your prompt reply,

    Best,
    Ronen

    P.S.
    The mobile does show the menu but only when defined through WP Widgets panel.
    Since it requires modifications – where can I customize its CSS (files wise)?

    Avatar: Eva
    Eva Kemp
    Support staff
    January 27, 2015 at 09:11

    Hello,

    Does the issue persist when you use our default theme and not a child theme?
    If the issue persists there too please provide us with FTP credentials.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    January 28, 2015 at 09:48

    Hello,

    As I mentioned in my fist communication I did that and the original theme showed the same behavior.

    ftp credentials in private.

    Please, contact administrator
    for this information.
    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 1, 2015 at 18:07

    Hi,

    Still waiting for your response.

    Best,

    Ronen

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 2, 2015 at 12:05

    Hi,

    Just to further inform you that the issue reoccurs in Safari as well as in Google Chrome.
    IE & FF are interpreting the theme as expected.

    NOTE: this issue is not present in “Interiors | Royal” layout which I tested for another project.
    it is an issue in “Green corporate | Royal” layout !

    I didn’t try any other layouts.

    Again, your prompt reply is highly appreciated.

    Best,

    Ronen

    Avatar: Eva
    Eva Kemp
    Support staff
    February 2, 2015 at 13:31

    Hello,

    Sorry for a long delay.
    We recommend you to update the theme to the latest 1.6.1 version as well as all required plugins https://www.8theme.com/download-plugins/

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 7, 2015 at 14:26

    Hi Eva,

    Doing all the above suggestions – situation is even worse:
    Now the mobile menu pops in on the right side when zooming in to 90% (or below)

    Issue still on Chrome & Safari while IE & FF work fine.

    It seems its all down to responsive configurations.(toggling on/off responsiveness in theme options have no effect !)

    Please your rapid handling.

    Best,

    Ronen

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 9, 2015 at 07:44

    Hi Eva,

    Another thing that might shed some more light on the issue (hopefully) Doesn’t occur when using “Interior” design – it happens in “Green Corporate”(I use each in different website – both sites are upgrated to 1.6.1 & have the same plugins, sits on the same server etc…)

    Please your advice.

    Thank you for your prompt reply,

    Best,
    Ronen

    Avatar: Eva
    Eva Kemp
    Support staff
    February 10, 2015 at 12:19

    Hello,

    Sorry for a delay.
    We’ve checked this issue on your site and it’s caused by the reason the site has right-side orientation. Also it’s related not only to the theme styles, but to plugins scripts (Revolution Slider, Ultimate VC Addons).
    Unfortunately it can’t be fixed as it’s caused by the language and rtl styles that are used on your site.

    Please take our apologies.
    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 10, 2015 at 16:28

    Hi Eve,

    Thank you for your reply.

    I use Royal Store theme with “Interior” design – and have no problem there !
    That website is Rtl oriented, with the same language, on the same hosting !

    Furthermore – since you supply these plugins in the theme bundle (thanks) it is logical that they should not conflict with the theme – and indeed that is the case with “Interior” design:
    http://www.a-giv.co.il

    On top of that, this issue is on Google Chrome and Safari only – IE and FF have none of it.

    Another thing – the mobile menu suddenly appears in the middle of the page at load time (something that the last update was suppose to fix – if I remember correctly).

    I like your product and would like to use further it for myself and my clients – but won’t be able to do so with this major flaw.

    Please your advice,

    Best,

    Ronen

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 12, 2015 at 07:25

    Still waiting for your reply,

    Best,

    Ronen

    Avatar: Eva
    Eva Kemp
    Support staff
    February 12, 2015 at 10:26

    Hello,

    Sorry, but we can’t understand what is causing this problem. Are you using similar plugins and the plugins versions are the same? We don’t have access to check plugins in wp-admin panel. Please give us permissions. Also please provide us with login credentials for the second site, we’ll try to compare and check what issue can be.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 15, 2015 at 14:32

    I’m sending you credentials for two website.

    Both are with Royal store, and same plugins activated:

    http://www.fix.webzit.co.il – has this issue
    http://www.ag.webzit.co.il – has none of it

    Both accounts are using the same credentials.

    Let me know if your need any more permissions.

    Important NOTE: the issue occurs while NOT being logged in !
    when user is logged, it looks fixed but it is not !

    looking forward for your reply,

    Best,
    Ronen

    Please, contact administrator
    for this information.
    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 25, 2015 at 20:47

    Hello Eva,

    After further investigations is is indeed the Visual Composer that messes things up.
    As this is a major feature of your theme package I’d ask you to address that and see how this conflict can be resolve.

    I’ve ruled out the option that the RTL setting is the cause: the Royal theme (not the child theme) has the same issue and I deleted all the css I’ve added to your files to no avail.

    Please send me previous versions of VC that were adjusted to RoyalStore theme – maybe that will be a temporary solution.

    Thank you for your prompt reply,

    Best,
    Ronen

    Avatar: Eva
    Eva Kemp
    Support staff
    February 25, 2015 at 23:25

    Hello,

    We’ve sent older version of VC to your email address.
    Please check it.

    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    February 26, 2015 at 11:00

    Hello Eva,

    Tried the older VC version but it didn’t solve the issue.

    Can you instruct me how to disable zooming on the website (work around)

    Best

    Ronen

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 1, 2015 at 09:36

    Hello Eva,

    Still waiting for your reply.

    I need a solution for the conflict of the theme and VC.

    I cannot use the theme this way and as much as I want – cannot disregard this issue.

    Please provide the requested instructions for disabling Zoom by browsers – as a temporary work around.

    I honestly expect to get a full solution asap.

    Best,

    Ronen

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 3, 2015 at 14:48

    Hello,

    I am very disappointed with your product, service and support.
    I had good reviews of your product – the Royal Store theme – and I’ve established my building web sites business on using it.

    For awhile now you haven’t neither solve the Zoom issue that occurs with one of the product variations (the Green Corporate), which is a basic one, nor have you provided an alternative or work around.

    I would like to recommend your products and services all over the internet – but for now I cant.
    On the contrary…

    As a customer that relies on you, I expect you to solve the problem urgently.

    With respect,

    Ronen Tsachi

    Avatar: Eva
    Eva Kemp
    Support staff
    March 3, 2015 at 15:05

    Hello,

    We’re very sorry for the caused troubles.
    We’re investigating this issue and will notify as soon as possible.

    Please take our apologies for inconveniences.
    Thank you for your understanding and patience.

    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 10, 2015 at 06:48

    Hello Eva,

    The website changed it behavior in Google Chrome:
    Ctrl+mouse wheel is zoom is disabled
    Ctrl & +/- zoom is enabled and still presenting the bug

    Safari has the bug as before and now the rev slider is not showing in WIN 7 (!?)

    IE & FF do not have this bug at all !!!

    My client site that works with Royal Store but with Interior design – has NONE of this issues !!!

    Waiting for your reply,

    Ronen

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 11, 2015 at 13:11

    Hello,

    Try to add the following code in custom.css:

    .st-container .st-pusher {overflow-x: visible;}

    Regards,
    Olga Barlow

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 11, 2015 at 21:58

    Hello Olga,

    I’ve added this code to rtl.css – the child theme css file – but it did not solve the issue.

    Did you change something in the website via the username I provided ? because the Ctrl+mouse wheel is not responding…

    Is it mandatory to use custome.css ?

    Thank your for your prompt reply,

    Ronen

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 12, 2015 at 16:07

    Hello,

    We found what caused your problem – Black Studio TinyMCE Widget plugin and form in footer. Disable this third-party plugin and try to use Contact Form 7 to create form you need.

    Regards,
    Olga Barlow

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 15, 2015 at 12:08

    Hello Olga,

    Thank you very much – this is indeed solved the issue.
    I’m very happy about that for I’m now able to continue and further use this excellent product.

    One last thing – the “Ctrl+MouseRightWheel” is not working. Did you disable this feature ? If so please enable it or tell me how.

    Let me know when you need no further access to my website as I would like to freeze that user for security reasons.

    Again, thank you for your prompt reply,

    Best,

    Ronen

    Avatar: Eva
    Eva Kemp
    Support staff
    March 16, 2015 at 10:36

    Hello,

    Could you please clarify the issue with more details?
    As I see your site is working well and right mouse click is working too.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 16, 2015 at 11:56

    Hello Eva & Olga,

    1. You’re right RightClick (option menu) works fine.
    but – If you RightClick+MouseWheel (zoom in/out) the page scrolls up/down only.

    Is that due to change you’ve introduced via the user account I provided ?

    2. Just to let you know – the real culprit of the gliches is the Mail Chimp form script that contained a ‘margin-left: -5000px;’ parameter in one of the divs. Changing that to ‘visibility: hidden’ resolved that.

    I couldn’t find that without your help – so thank you for all you’ve done.

    I only need now to re-enable zoom in /out by RightClick+MouseWheel

    Best,

    Ronen

    Avatar: Eva
    Eva Kemp
    Support staff
    March 18, 2015 at 22:18

    Hello,

    The problem is caused by Smooth Scroll option in Ultimate VC Addons settings.
    Go to Brainstorm section in wp-admin panel > Modules > Advanced Settings tab > disable “Smooth Scroll”.

    Regards,
    Eva Kemp.

    Avatar: ronen-webzit
    ronen-webzit
    Participant
    March 20, 2015 at 11:08

    Thank you Eva,

    I admit that I wasn’t sure about the quality of your support at the beginning – but you’ve proved me dead wrong.

    Your service is excellent and you’ve answered every issue.

    Best,

    Ronen

  • 1 2
    Viewing 30 results - 1 through 30 (of 31 total)

The issue related to '‘responsiveness gliches when zooming in/out’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.