Support Center Visit Demo License manager Buy @ envato

Adjust images to screen resolution

grandegagrandega
in Files & images
Hello,

I need help to adjust my images to the respective screen resolutions of the visitor. The goal is that the pictures fill the screen exactly and that only when scrolling further content is visible. Currently the pictures are displayed completely at my current screen resolution. At lower resolutions you can't see the text immediately and have to scroll down first. Do you have a suggestion for me here?  

The site is (for example) this one: https://www.rimedo.de/leistungen/

Best regards and many thanks in advance,
Stefanie

Comments

  • PabloPablo
    Hello Stefanie,
    You shouldn't insert text in the image, please insert it in the Muffin Builder in the column item.
    It will be always visible then ;)
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • grandegagrandega
    Hello Pablo, 

    I tried that but I'd like to keep the position of the text fixed so it matches with the background. Also, it would be great if the picture was exactly the same size as the screen to have a smooth transition, like here: https://hammerundnagel.de/. 

    Is there any possibility?

    Thanks, 
    Stefanie
  • PabloPablo
    To make that effect, you would have to use the "Fixed" position of the background.

    I do not quite understand what you mean by "Keep the position of the text fixed", can you explain?
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • grandegagrandega
    Hi, 

    ok - the "fixed" position helps :) 

    With the text I would like to avoid it looking like on the attached photos on certain screen resolutions. So ideally the text would be fixed at a certain position inside the image. But that's probably not possible, is it? 

    image

    Thanks, 
    Stefanie

  • PabloPablo
    As I assume, you want that text to be 'floating' like the image with 'fixed' position, right?
    Well, with text inserted in the Muffin Builder it won't be possible, but with the text inserted inside the image, it will not be really hard to display (on every device) whole text, because of overlaping behind the screen - that text would have to be really small on center of the image.

    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • grandegagrandega
    Yeah, I assumed that. Okay - we'll find out how we can display it differently. 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.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

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.