Support Has Moved!

Please post all new questions on the new support system

Before posting a discussion topic, be sure to check out our Forum Rules and Support Policy.

Get design feedback and approval with our newest WordPress plugin, ProjectHuddle. Check it out →

Latest Struck Version is 1.06

Latest GridStack Version is 1.1

Latest Edition Version is 1.6

Latest District Version is 1.2.6

Latest ExtraNews Version is 1.4.9

Latest Aware Version is 1.4

Latest BigFormat Version is 1.4

Latest Bookcase Version is 1.54

Latest Ellipsis Version is 1.5

homepage slider problem

ysys9105's Avatar

ysys9105

20 Sep, 2015 09:25 AM

Hi, I'm struggling with some issues of slider in homepage.

I tried to fix the width of slider and I searched last discussions in this support service, and it worked pretty well.
-> I added
 .fullwidthbanner-container {
 max-width:1024px;
}
->this code.

But the problem is that the slide images are aligned on left side.
As someone recommended, I tried to upload all the slide images again, but still not aligned center..
Also, if I open the homepage on mobile, it gets cropped.
I would like to know how to change showing 100%-width on mobile(less than 1024px view), and 1024px-width on wide view(1024 or wider view).

Thanks.

  1. 1 Posted by ysys9105 on 21 Sep, 2015 02:43 AM

    ysys9105's Avatar

    I figured out the slide aligning on left side by adding
    .fullwidthbanner-container { position:relative; max-width:1024px; margin-left:auto; margin-right:auto; }
    this code

    But I'm still struggling with mobile view issue. Please give me an advice ASAP.
    Thank you

  2. 2 Posted by Eric Schmidt on 21 Sep, 2015 01:50 PM

    Eric Schmidt's Avatar

    Hi,

    Do you have a live URL for your site so I can see exactly what's happening?

    Thanks,

    Eric

  3. 3 Posted by ysys9105 on 21 Sep, 2015 04:49 PM

    ysys9105's Avatar

    www.famhouse.net

    this is the site address.
    In mobile view, the slide image is cropped on the sides.

    2015년 9월 21일 월요일, Eric Schmidt<[email blocked]>님이 작성한 메시지:

  4. 4 Posted by Eric Schmidt on 22 Sep, 2015 02:55 PM

    Eric Schmidt's Avatar

    Hi,

    The home page slideshow images are setup as background images set to cover the entire space. So they won't necessarily resize by width like a normal image would. You can try adding some custom css to the theme options to change the behavior of these images for smaller screens...

    @media only screen and (max-width: 767px) { 
    .tp-bgimg.defaultimg {
    background-size: contain !important;
    }
    }
    

    Eric

  5. System closed this discussion on 06 Oct, 2015 03:01 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac