Responsive height setting in hero image

  • Resolved kghugo2000

    (@kghugo2000)


    7 years, 5 months ago

    Dear developers,

    I am using the hero image widgets with a responsive height of 150, but nothing has changed no matter how I change the value. How can I modify when will the responsive height will trigger?(Or what is the default value)?

    Thank you for reading.

    Yours faithfully,
    Hugo Sum

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    7 years, 5 months ago

    Hi Hugo

    Thanks for posting 🙂

    The 100px top and bottom padding in use equal 200px which is more than the responsive height. The 200px height you’re seeing is from padding. Unfortunately, there isn’t a responsive padding setting to overcome this at the moment. You could try setting mobile padding using Custom CSS if that’s something you normally work with.

    Plugin Support Andrew Misplon

    (@misplon)

    7 years, 5 months ago

    Something like this in Customize > Additional CSS:

    @media (max-width: 768px) {
	.home .sow-slider-image-wrapper {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}

    Adjust as required.

    Thread Starter kghugo2000

    (@kghugo2000)

    7 years, 5 months ago

    I see thank you so much!!

    Plugin Support Andrew Misplon

    (@misplon)

    7 years, 5 months ago

    For sure 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Responsive height setting in hero image’ is closed to new replies.