Header Background Image cut off on mobile

ExactSol · July 2020

Hi there https://exactsol.com/ it is the url of my website. Header image is looking good on desktop, but it cuts off on mobile. Any help?

Pablo · July 2020

Hello,

I do not quite understand the problem, it looks fine on mobile.

Please, check the documentation of responsive behavior in RevSlider.

https://www.themepunch.com/slider-revolution/responsive-setup/

thanks

ExactSol · August 2020

https://exactsol.com/about/
Please visit this url. It shows image perfectly fine on desktop but it cuts off in responsive

take pic online

Pablo · August 2020

This is how it should look like.

If you want to make it smaller, you have to edit that section and make the "padding-top" and "padding-bottom" smaller, because right now it's really huge.

thanks

ExactSol · August 2020

Is is possible to make the section smaller in responsive?

Pablo · August 2020

You would have to create another section for mobile only, and tick on both of them, on which device it should appear.

It's possible to change in the section settings, see the screenshot:

https://prnt.sc/tuf5ew

thanks

ExactSol · August 2020

Thanks.

One more thing. How can I remove space between menu & sub menu

https://prnt.sc/tumx84

Pablo · August 2020

Please use this CSS code:

.sub-menu{
	top:100px !important;
}

thanks

Header Background Image cut off on mobile

Comments