Images not or only partially recognizable in mobile version

https://neu.akuhlmann.de/nachhaltigkeit

In the lower area I have created several sections alternating as highlight left/ highlight right each with a text block. In the normal desktop version this is perfect. In the mobile version the images are unfortunately not or only partially visible. How can I change this?

Comments

  • Hi,

    Please, edit these pages, and in the empty wraps, put a divider with about 300px height.

    Thanks

  • Hi,

    i have now edited the page and added the divider. Unfortunately the photos do not look good in the mobile version. In the desktop version with the right/left change it looks fine. But in the mobile version it somehow takes the middle of the picture and you can't see the subject anymore. This is not good. Is there a way to right or left align the image in each section for the mobile view? Or is it possible to use a different image for the mobile view?

  • Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and I will check what can I suggest to you.

    Notice!

    Please attach a link to this forum discussion.

    Thanks

  • Hi,

    i have sent the access data together with the forum link. I hope everything has arrived.

  • I can see that the layout slightly changed, and I am not sure what exactly you want to achieve now.

    However, I suggest checking the Responsive options with which you can hide sections/wraps/elements for particular resolutions:

    Moreover, in the BeBuilder, you can open the responsive editing, and adjust the size of elements for mobile devices.

    Best regards

  • Neither one nor the other can solve my problem.

    https://neu.akuhlmann.de/nachhaltigkeit

    In the desktop version with the right/left change it looks fine:

    Here is my example: In the mobile version you can see the center of the image, which is partially hidden in the background in the desktop version. The faucet, which is actually the subject, is not visible. How can I change this? I have this problem very often.

  • Sorry, I was looking at the wrong page.

    I have created a new page BeSupp testpage and created there two sections where the image is set as the wrap background, not the section.

    Please, check how they are built, and if it is what you want to achieve.


    Thanks

  • No unfortunately not. Now the mobile version is o.k. but in the desktop the image does not slide up.

  • I have changed the size of these images to cover.

    Please, check it now.


    Thanks

  • No, unfortunately, that does not work either. I always have text on the right and an image on the left, then text on the left and another image on the right. As it is now, in the desktop version I have one image over two sections and that is wrong.

  • I have set the image to be at the top of the text, so it would be fully visible.

    If you want to have an image next to the text on the mobile version, you can decrease the size of the wraps, but the text and image will be squeezed.

    The decision is up to you.


    Best regards

  • Sorry, maybe this is a misunderstanding. The mobile version looks very good now. The normal version for PC now looks funny for it.

    Does that mean I should build two versions for these sections? Then I set in each case, which is displayed?

  • Sorry, maybe this is a misunderstanding. The mobile version looks very good now. The normal version for PC now looks funny for it.

    Does that mean I should build two versions for these sections? Then I set in each case, which is displayed?

  • Can you attach a screenshot showing what you refer to, please?


    Thanks

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.