Recent
Categories
View Replies (2)

Change slideshow image size in mobile view for Elvira template

  1. Issue
0
Votes
Undo
  1. carolyn
    carolyn
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 12 February 2018
  5.  Subscribe via email
Is there a way to have the slideshow images change size responsively with smaller, mobile screens? Right now, the desktop view is very nice (as the image is landscape-oriented), but the background image in a mobile view is so cropped it loses the subject matter.
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carolyn

Would you have a URL to an example of your slideshow?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Carolyn

It is a little tricky as you are using inline styling to position your content. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS) which will hopefully help to a certain extent....

@media only screen and (max-width: 1024px) {

	#container_header_slide {

	    height: auto !important;

	}

	.vegas-slide-inner {

	    background-size: 100% auto !important;

	    background-position: 50% 60px !important;

	}

	.showcase .custom > div {

	    margin-top: 0 !important;

	    margin-bottom: 0 !important;

	}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!