Как изменить ширину слайдера на мобильной версии?

Question

[Виктория]

Слайдер на мобильной версии обрезается. Если поменять
background-size: cover;
на
background-size: 100%;
то нормально, но не могу найти, где это надо сделать. Или может другое решение есть?

Comments

[Виктория]

или через @media

[Виктория]

territoria-dizajna.ru сайт

[Виктория]

нашла файл 02.homepage.php
там есть:

// Get url of background image or set video overlay image
			$slide_image = 'background: url(' . esc_url( $slide['slide_image_url'] ) . ') no-repeat center; background-size: cover;");';

			// Used for slider image alt text
			if ( ! empty( $slide['slide_title'] ) ) {
				$slide_alt = $slide['slide_title'];
			} else {
				$slide_alt = __( 'Slider Image', 'shuttle' );
			}

			echo '<li>',
				 '<img src="' . esc_url( get_template_directory_uri() ) . '/images/transparent.png" style="' . esc_attr( $slide_image ) . '" alt="' . esc_attr( $slide_alt ) . '" />',
				 '<div class="rslides-content">',
				 '<div class="wrap-safari">',
				 '<div class="rslides-content-inner">',
				 '<div class="featured">';

				if ( ! empty( $slide['slide_title'] ) ) {

					// Wrap text in <span> tags
					$slide['slide_title'] = '<span>' . esc_html( $slide['slide_title'] ) . '</span>';
					$slide['slide_title'] = str_replace( '<br />', '</span><br /><span>', $slide['slide_title'] );
					$slide['slide_title'] = str_replace( '<br/>', '</span><br/><span>', $slide['slide_title'] );

					echo '<div class="featured-title">',
						 $slide['slide_title'],
						 '</div>';
				}
				if ( ! empty( $slide['slide_desc'] ) ) {
					$slide_desc = '<p><span>' . esc_html( wp_strip_all_tags( $slide['slide_desc'] ) ) . '</span></p>';

похоже на то, что нужно, но изображение опять же не здесь

Answer 1

[Николай]

Для img тега обычно задают object-fit: cover или object-fit: contain
Надпись на слайде лучше заменить текстом, чтобы можно было его адаптировать отдельно от фона слайда.

Прикладываю скриншот, у тебя не работает эффект наведения на последних блоках.
https://www.dropbox.com/s/xa3yuw48lj3kqxk/%D0%A1%D...

Comments

[Виктория]

вы можете мне помочь?

[Николай]

Виктория, да конечно. Напишите мне на почту ваш WhatsApp, [e-mail]