COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Responsive design?

Magnus Fermin
Topic Author
Offline
New Member

12 years 5 months ago #49059 by Magnus Fermin

Responsive design? was created by Magnus Fermin

How to make FrontPage Slideshow responsive so it works in, and adapts to mobile phones?

Please Log in or Create an account to join the conversation.

Katia
Offline
Platinum Member

12 years 5 months ago #49060 by Katia

Replied by Katia on topic Re: Responsive design?

You can use HTML and CSS template overrides inside your Joomla! template and create the design you want.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

amwebby
Offline
New Member

12 years 4 months ago #49061 by amwebby

Replied by amwebby on topic Re: Responsive design?

That would be fine except the width of the js module is fixed.

Please Log in or Create an account to join the conversation.

Katia
Offline
Platinum Member

12 years 4 months ago #49062 by Katia

Replied by Katia on topic Re: Responsive design?

What do you mean?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

amwebby
Offline
New Member

12 years 4 months ago #49063 by amwebby

Replied by amwebby on topic Re: Responsive design?

In my very early version of FPS you set the width of the slideshow in pixels in the component configuration. This is incompatible with responsive design, which requires a fluid width.

Please Log in or Create an account to join the conversation.

Katia
Offline
Platinum Member

12 years 4 months ago #49064 by Katia

Replied by Katia on topic Re: Responsive design?

You can only override it with by giving max-width in FPSS container div:

fpss-container {
max-width: 1000px;
width: 100%; }
.fpss-container .slides img {
max-width: 100%;
height: auto; }

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

amwebby
Offline
New Member

12 years 4 months ago - 12 years 4 months ago #49065 by amwebby

Replied by amwebby on topic Re: Responsive design?

Thanks, I'll try that and report back. Can't help feeling the slideshow would remain as set but hope you're right.

Please Log in or Create an account to join the conversation.

amwebby
Offline
New Member

12 years 4 months ago - 12 years 4 months ago #49066 by amwebby

Replied by amwebby on topic Re: Responsive design?

Sadly didn't work. :( The image resizes but not the container.

Please Log in or Create an account to join the conversation.

amwebby
Offline
New Member

12 years 3 months ago - 12 years 3 months ago #49067 by amwebby

Replied by amwebby on topic Re: Responsive design?

Sorry, had a silver moment there. If I use media queries that should override the default settings.

Edit: Sadly it doesn't. :(

Please Log in or Create an account to join the conversation.

bobthebob01
Offline
New Member

12 years 2 months ago #49068 by bobthebob01

Replied by bobthebob01 on topic Re: Responsive design?

Hi there,

has anyone been able to make FPS responsive?

I'm also interested to achieve this and before starting to play around with css and media queries, i want to know if some one has worked it out?

thanks in advance

Please Log in or Create an account to join the conversation.