Mobile Slider Issues

Hello Outerspection,

Issue is not clear with your text.

Could you please provide an screen short of your issue and also your site url.

So we can check your issue and provide you a batter support.

Thank you

Certainly. The logo is also blurry. I tried uploading multiple sizes but it still shows up blurry.

https://davidcableproperties.com/wp-content/uploads/2016/01/FullSizeRender.jpg
https://www.davidcableproperties.com

Hi,

Please use high resolution logo image.

Let us know for further assistance.

Thank You

Hello,

I used a very high resolution logo but it asks you to crop the image. Once I crop it, it appears blurry.

Do you have a solution for the text on the slide? The text is all the way to the top on the mobile version as you can see by the photo.

Hi,

Suggested logo size is 150*50px so use suggested logo size.

Slider suggested image size is 1440*500px or higher resolution.

If you use suggested image size for both you will see all the things will be adjust

automatically.

Or try to put below CSS rules into custom CSS Editor:

@media screen and (min-width: 768px) {
	#main-slide .slider-content {
		top: 30%;
		margin-top: 0px;
	}
}

Save the changes.

Let us know for further assistance.

Thank You

Thank you for your help.

The logo is way too small and is still blurry after recreating it with your instructions above. I also added the code above into the CSS Editor but the text is still at the very top of the slides on the mobile version. Might you have any other suggestions?

Thank you in advance for your help.

Hi,

Try to put below CSS rules into Custom CSS Editor:

@media screen and (min-width: 768px) {
	#main-slide .slider-content {
		top: 30% !important;
		margin-top: 0px !important;
	}
}

Save the chnages.

Note: Slider suggested image size is 1440*500px or higher resolution.

Thank You

This still didn’t work. Any other suggestions?

Hi,

Are you using any cache plugin? if yes,

Then clear the website cache and browser cache.

or try to put below CSS rules into Custom CSS editor:

#main-slide .slider-content {
    top: 0% !important;
    margin-top: 40px !important;
}

Save the changes.

Note: As we tested it all are working fine so please tell us which mobile you are using so we can check it again for you.

Let us know for further assistance.

Thank You