Fieldtype

Archived
Forum
(read-only)

Jeremy Worboys does not actively monitor this forum
(but you can still get help from other EE users).

JW Nivo

ExpressionEngine 2

Back to this add-on's main page
View Other Add-ons From Jeremy Worboys

     

You must be logged in to post.

Maximum Size with Responsive Display

Support (Resolved)

WCREALTORS
WCREALTORS

I am trying to embed the slider into my website but still want it to be responsive. I have the CSS set up like this:

#homeslider {
    
max-height:450px;
    
max-width:800px;

and the coding in the template:

{exp:channel:entries channel="home_page_slider" 
  
orderby="random"
  
sort="desc"
  
limit="10"
  
status="open"
 
}
<div id="homeslider">
      
{home_slider}
  {
/exp:channel:entries}
</div

However the slider still takes up the entire page not the size that I am wanting. Any suggestions on what I am doing wrong?

Thank you in advance.

Jeremy Worboys
# 1
Developer
Jeremy Worboys

The first thing I would check is that the fieldtype is configured for responsive.

In the channel fields setup for {home_slider} check that the Sizing option is set to Responsive and not Fixed.

WCREALTORS
# 2
WCREALTORS

They are…

WCREALTORS
# 3
WCREALTORS

I figured it out. It was a coding error on my side. I didn’t have the <body> tags in the template so it wasn’t calling up the CSS. Rookie mistake…

Jeremy Worboys
# 4
Developer
Jeremy Worboys

No worries. Thanks for letting me know.