Recent
Categories
View Replies (3)

Chelsea - photo in header on big screen

0
Votes
Undo
  1. Edgar68
    Edgar68
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 27 September 2016
  5.  Subscribe via email
Hi Carian,

I have a problem with photo in the header of the template.
Photo is exactly the same size as originally in the template.
But when you look on the website on a bigger screen (24 inch), the photo will be shown half..
the bottom half drops out. When you look on laptop or small screen, everything is ok
How can i fix that?

(realdutchfoods.com)

Kindly regards,
Edgar
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

May I suggest the following Custom CSS which will place a max width of your header slideshow which will avoid any extreme cropping on bigger screens (edit to taste)....


.vegas-slide {

    margin: 0 auto;

    max-width: 1400px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Edgar68
Edgar68
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carian,

thanks for helping me with this issue.
I added the code but i forgot to tell that i want to resize the photo for mobile device.
The photo will not automatically resized to portrait or landscape.
How can i fix this?

Kindly regards,
Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

Using the following CSS in the Custom CSS fields of your 'Responsive Options' you can set the header size for each device (edit to taste)...


#header {

    height: 350px !important;

}


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


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