[[email protected]]

Hi Support,

Everytime I try to set a featured image on the FEature Sliders, it always appear zoomed in and doesnt show the whole image that I have set. Im using a NepalBuzz Free version. I followed the theme instruction where it says
Slider
Width: 1920px
Height: 880px
But still it appears zoomed in when I set the featured imaged 🙁

Thanks in advance for your help 🙂

[[email protected]]

May I know the correct size I should use?

[tikaram]

@ca2dm-rcsgmail-com : Please post in your site URL.

Regards,
Tikaram

[[email protected]]

HI,

The site is this
2dmaterials.nus.edu.sg
As you can see the featured sliders images are all messy. It keeps changing depending on the browser’s view (desktop, laptop, mobile, etc)
Can’t it be something like this?
https://2dmaterials.nus.edu.sg/oii/ (it changes but only slightly, not too much cropped and zoomed in)

Thanks in advance for the help!

[[email protected]]

hello, any help?

[tikaram]

@ca2dm-rcsgmail-com : This thread looks similar to the previous one : https://catchthemes.com/support-forum/topic/nepalbuzz-unresponsive-header-sliders/

Although the slider images are responsive but they get cropped on mobile devices because they are used as background images. If you view the demo of the theme in desktop and mobile version you can find that some part of the background gets cropped on mobile devices. Let me know if you have any more issues with the theme.

Regards,
Tikaram

[[email protected]]

Hello, but the response of the images compared to the window is much slower?
Can it be changed?

[tikaram]

@ca2dm-rcsgmail-com :Go to Appearance => Customize => Additional css and add the following css.

.slider-image-thumbnail,
#per-slide-template .thumbnail {
	background-size: 100% 100% !important;
	background-attachment:inherit !important;
}
@media only screen and (max-width: 565px) {
#site-logo img{
 	max-width: 230px;
 }
}

Let me know how this goes.

Regards,
Tikaram

[[email protected]]

Thanks for the reply
With the code, the height seems to be okay and more responsive now.
However, the width seems to be stretched when viewing from desktop and a bit squeezed when viewing from mobile.

Is it possible to set a code wherein the images will adjust simultaneously according to the window size?

Or should I just the max-width?
Thanks for the help.

Sorry to bother, we just want the slider to display well since we put our highlights on them. Hopefully it works well on all viewport.

Thank you so much

[tikaram]

@ca2dm-rcsgmail-com : I have tried to provide you the best possible solution to the problem as you can see the demo of the site as well where the background image gets cropped. It is not possible to set the background to adjust exactly as window size. Either it will be cropped or it will be squeezed. since its used as a background image as I mentioned it earlier. Its up to you to decide which ever design you choose to use. Sorry for the inconvenience and thank you for using our theme. Alternatively, you may hire customizer to get your site customized as desired.

Regards,
Tikaram

[[email protected]]

Thanks a lot, Tikaram!
Yes,I did send an email to your customizer before but I did not receive a reply.
But thanks again for your time and for the code.

Have a good day ahead!

[Author]

Posts