Top Slider Image Not Centered

Dixielawnnc.com

If you view the site in a large resolution like a 30in LED the top image is not centered. I would show you but I see no way to attach a screen shot from my local pc. The file is to large so hopefully you can see this by visiting the site with a large monitor.

Thank you

 

Here is a screen shot in Chrome

 

Firefox appears to center, Chrome and Safari do not

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flexslider {
    margin-left: 249px;
}

Adjust the numeric value as per the requirement..

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

That option does manipulate it for sure but does not fix my problem. So in almost all resolutions the image in that slider takes up the full screen as we would hope. I assume this is default and is what everyone wants. The only problem is at very high resolutions like a 30in LED the image winds up on the left side of the page. I do not WANT to move it to the left. I do not want to move it at all what I want is for the responsive view to do what we should expect and in this case it should still take up the entire top like the other resolutions.

 

Here is what it looks like in almost all resolutions. The first image I posted is what it looks like with a 30in monitor and that resolution btw is 1920x1080

 

Hello,

Try below code for once...

Code:

.flexslider .slides img {
    margin-left: 21%;
}
@media only screen and (max-width: 1140px) and (min-width: 960px){
.flexslider .slides img {
    margin-left: 0%;
}
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

hmmmm I see what you are trying to do and I think you have the right idea but this does not appear to help. Yes it does move the image but it moves it for all resolutions that I have access to. Which means the image is now blown up and to the right for the smaller resolutions.

 

Hello,

Could you please send us your dashboard credentials at [email protected] along with this thread link and I will do it for you?

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

OK that info is sent

 

Thaks for the details...

We will get back to you soon...

Your patience will be appreciated,

Thanks & Regards!
Priyanka
InkThemes.com

 

Hello..

You would be glad to know that your issue has been resolved...

Kindly check your site and acknowledge the same...

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

It would be nice if you posted the resolution here. I too am having the same problem that I could probably fix myself. Thanks

 

Hello,

Sure...!!! Kristine....

Use below code in Custom CSS field of your dashboard..

Code:

.flexslider .slides > li {
    width: 100%;
}

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you Priya!