- This topic has 1 reply, 2 voices, and was last updated 4 years, 11 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › SKT Golf slider
Hello Support,
When I tried to increase the slider image size in small screens using following code,
@media screen and (max-width:767px) {
.nivoSlider img {
max-width: 220% !important;
width: 220% !important;
margin-left: -60%;
}
my mobile phone alignment look ugly.
Please see the image below
https://imgur.com/QC8FjlH
How do I keep the image height big but it won’t show the out of proportion portion.
In fact, I don’t want to see the empty space in mobile version while I keep my home page slider height the same.
Please see the image below
https://imgur.com/oI63tCI
I want to keep it like it always and not allowing clients to move to the right where the empty space.
Thank you
Hi,
Remove:
@media screen and (max-width:767px) {
.nivoSlider img {
max-width: 220% !important;
width: 220% !important;
margin-left: -60%;
}
And Add this new CSS:
.title { line-height:10px;}
.nivoSlider img {
max-width: 160% !important;
width: 160% !important;
margin-left: -60%;
}
Regards,
Chris
When talking about WordPress, you may get curious about the plugins used by WordPress, shortcodes, page builder, etc., in the same way, SEO optimized WordPress […]
Are you looking best freelancer WordPress themes and templates? Here’s a list of the best freelancer WordPress themes for all individuals and freelancers. Premium Freelancer […]
Gutenberg Block Editor Addons WordPress Gutenberg is, by itself, a robust content editor. However, if you want to increase its efficiency even more, then you […]