Recent
Categories
View Replies (6)

change sidecol breakpoint on NINA

  1. Issue
0
Votes
Undo
  1. andman
    andman
  3. Commercial Templates
  4. Tuesday, 16 April 2024
  5.  Subscribe via email
Hello Ciaran,

is it possible to change the width-breakpoint only for modules placed on sidecol-1(a/b/c) for screens lower than 900 px?
The modul-sidecol1 should be shown after the main content.
The result on tablets (portait) should be:
main content - module-sidecol2 (in "one line";)
modul-sidecol1 (after component)

I hope you understand what I want!? ;-)
Responses (6)
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your side column module?:

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
andman
andman
Accepted Answer Pending Moderation
0
Votes
Undo
https://ferienhaeuser-heine.de/index.php/urlaubsregion/urlaubsort
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Replace me with the text you want to insert...To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 900px) {

  #main {

      flex-direction: column;

  }

}


(edit 900 to your own taste)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
andman
andman
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

that is not the solution.
Please see https://ferienhaeuser-heine.de/index.php/urlaubsregion/urlaubsort.

Do you have another idea?

Andreas
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Andres

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

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

I have amended your CSS to the following which appears to resolve the issue...

@media only screen and (max-width: 900px) {

  #main {

      flex-direction: column;

  }

  #content_remainder, .sidecol_a, .sidecol_b {

      width: 100%;

  }

}


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


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