Recent
Categories
View Replies (9)

Kaylee - change size for mobile layout

  1. Issue
0
Votes
Undo
  1. picht
    picht
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 19 November 2019
  5.  Subscribe via email
Hi

I have the Kaylee template and when narrowing the width of the browser the website changes to a mobile version.
But not all the components change at the same width.
The menu changes at 1140 px and i have found the setting where I can change this.

But I have a J51_News module for some of the pages containing 2 or 4 articles. They change layout from showing side by side to one below the other before the menu changes to mobile version.
How do I change at what width they should change layout?

Regards
Picht
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Picht

Would you have a URL to an example of your News module?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
picht
picht
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Picht

Would you have a URL to an example of your News module?

Ciaran


Hi

Here it is:

https://www.picht.dk/letridning_v2/

/Picht
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Using the Custom CSS fields in the Responsive Options tab of your template settings, you can use the following CSS..

For 2 Columns in your news module...

.j51news225 .newsitem {

    width: 50%;

}


For 3 Columns in your news module...

.j51news225 .newsitem {

    width: 33.3%;

}


For 4 Columns in your news module...

.j51news225 .newsitem {

    width: 25%;

}


Hope this helps.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
picht
picht
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo


Hope this helps.

Ciaran


I see no change after adding the text to the CSS field in the responsive tab.
See attached screenshot.

Picht 2019-11-25_09-58-12.jpg

I also don't really understand what it should do.

On some pages I have 4 newsitems and on other pages 2 or 3 newsitems.

My problem is that I can't control when the newsitems go from Normal to tablet-mode. When does this happen? And why does it hapen before the menu goes from normal to tablet-mode?

Rgds
Attachments (1)
2019-11-25_09-58-12.jpg 2019-11-25_09-58-12.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

My apologies, I misunderstood your query. Your news module switches at 1280px wide. You can adjust the width your menu changes via the Genereal -> Responsive Options tab of your template settings (Mobile Menu Breakpoint).

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
picht
picht
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks.

Where/how can I change at which width the news module switches?

1280px seems a bit large, and I want it to switch to mobile at a smaller width.

/Picht
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Picht

You will need to create an override for your module. If you are not familiar with how this is done, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will create the override for you. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
picht
picht
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Picht

You will need to create an override for your module.

Ciaran


Great, I tried and got it working. Thanks a lot :D
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Great work... thank you for the update.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!