[Paulo TebetParticipant]

Hi,

I was expecting that the max-width was about the “Site Max Width” but in fact it looks like this is about the browser window width….

Also, I believe as a consequence, my images are being cropped depending on the size of the browser window.

I need to get the slider width to always be the same as the Header Width (which is variable). I mean, from the left side of the logo image (inline) to the right of the magnifying glass Search icon. ( http://prntscr.com/5eixl8 )

Depending of the width of the browser window, the space between the firs menu item and the right of the logo image changes.
http://prntscr.com/5eiyvm

Up to the point where the menu items are colapsed. http://prntscr.com/5eiznd

In all those cases the slider width must accommodate to show the whole image without any cropping (as far as we have enough hight in the browser window to show it). http://prntscr.com/5ej01w

The problem is that when the browser width is too wide and because the slider image is wider than the header’s as an effect the image is being cropped. http://prntscr.com/5ej19o

Regards,

Paulo Tebet

[ZeshanMember]

Hi Paulo,

Your website is having a lot of 500 (Internal Server Error) errors and the images in your website are not loading (see: http://prntscr.com/5ek3gz). This is a hosting related issue, please let us know after fixing it so that we can take a closer look to the points in your last reply and provide you a tailored response.

Thanks!

[Paulo TebetParticipant]

It looks like you are accessing an “old” site. The image references images.development.paulotebet.com

The onw I am working now is the production site at

http://www.paulotebet.com

Is this the URL you’ve tried to access? I am accessing it all day long without any issues…

by the way, I am trying to decide what would I have at the top of the site, so right now I have two options showing at the same time. the Slider above and below masthead. The issue this thread is about can be seen the slider below masthead.

Is intriguing that even though I am using the same slider (Home) it’s behaviour when showing above or below masthead is different….

Let me know.

Regards,

Paulo Tebet

[Nabeel AModerator]

Hey Paulo,

This is due to the slider width below masthead is set to 90%. You can change it to 100% via custom CSS, to do this add the following CSS code via Appearance > Customize > Custom > CSS:

.x-slider-container.below {
max-width: 100% !important;
}

Let us know how this goes!

[Author]

Posts