responsive behavior - eg. touch gestures

edited March 2016 in Other
Hi there,

I am wondering about the responsive behavior of 2 of my recently created websites.


First of all the touch gestures pinch (zoom in and zoom out) and double tap to resize don´t work.

The websites i am talking about are www.intercultural-perspectives.com (Wordpress 4.3.3) and www.baumharz.at (Wordpress 4.4.2).


On www.intercultural-perspectives.com there is one additional issue:
The headerimages don´t seem to react responsive. I integrated them as "Background | Image" in the first page options section. I can imagine, that this is because of the integration as a background image. If so, what would be the better practice - in order to be responsive?

Btw: On the home page there is a text (visual editor item) inside of the above descriped section - this is also not working as expected.


I tested it on Samsung Galaxy S5 Neo with Firefox and Chrome Browser.


Would you please tell me your view on this issues.

Best regards and thank you for your kind response,
Markus

Comments

  • Hi Markus,

    please send us private message with dashboard access to both sites so we can have a look on it closer.

    Thanks!
  • thank you, you got mail ;)
  • Hello,

    I learned from your answer, sent by email, that the problem here is that i used a background image ...

    So how would a "simple" static header image be integrated as best practice?

    I tried it with Featured Images - but the are behind the logo and main menu (classic layout).
    And I didn´t find a solution yet how to position this featured image on pages under the menu.

    Do you know?

    Or would you apply some other method?

    Best regards and thanxalot,
    Markus

    ----

    >>>
    1) To activate “Pinch to zoom” on mobile, you need to activate this option under Theme options > Responsive section.

    2)
    Background images are not responsive and never won’t be. It’s technical
    problem between responsive and css backgrounds. This is the reason why
    this behave can not be changed.
  • Because what you ask for requires background image, we do not have any method/solution. If anyone in the web would have such solution, it would be integrated with this theme. But it's not because it's technically impossible.
  • ok.
    So your recommended standard practice for headers is to use a slider?
  • If you want it to be responsive, then yes.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.