Support » Themes » Twenty seventeen – scaling of the header image on mobile devices

  • Dear community, I have a „scaling“-problem with the header image/meta slider gallery in twenty-seventeen…
    I am currently building a website (see link) with a Meta Slider-gallery in the header, I implemented this via (header-image.php):

    <div class="custom-header">
    		<div class="custom-header-media">
    			<?php echo do_shortcode('[metaslider id="105"]'); ?>
    		</div>
    	<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
    </div>

    The images in the slideshow have a size of 1920x824px and on my 1920px-width-screen, everything looks fine, but, on devices with a smaller width, the images of the slideshow become horizontally „compressed“ – and this also happens, when simpy defining a background-image in twenty-seventeen via „design“>“customizer“>“header media“>“header image“… when lowering the screen-width, the image is being scaled unproportionally… is there any known solution for this???
    Thank you very much!

    Edit:
    This seems only to happen in FF, in Opera, it seems to work….

    • Dieses Thema wurde geändert vor 4 Jahren, 5 Monaten von flashpanhunter.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 1 Antwort (von insgesamt 1)
  • Moderation Note: I close this thread as you have asked your question in a German support forum in English. To keep the threads accessible to all people not speaking English, I kindly ask you to either rephrase your question in German or ask in the International support forums. Thank you for your understanding. Best regards, Bego

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Twenty seventeen – scaling of the header image on mobile devices“ ist für neue Antworten geschlossen.