0
Welcome Guest! Login
0 items Join Now

SOLVED Menu list on side bar not inline

Last Post
Search Topic
    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    SOLVED Menu list on side bar not inline

    Posted 3 years 3 months ago
    • Hello,
      I just migrate (still working on this) to Gantry 5.5.8 with Helium from a Yootheme template
      I use a tag menu on a sidebar. My problem is that my tag items are now not displayed one by line...
      I would like (like with the old template) to have one items tag per line.
      Is there a solution with a native class in Gantry or do I have to use custom CSS ?
      Here are screens
      This image is hidden for guests.
      Please log in or register to see it.



      This image is hidden for guests.
      Please log in or register to see it.


      It's seem my problem iscoming from bootstarp css ... if no other solution this css code should be ok :
      ul {
  margin-left: 1 rem;
}

.nav {
  display: inline;
}

      Any advice?
      Thanks
    • Last Edit: 3 years 3 months ago by Bigfly.
    #1444362
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Menu list on side bar not inline

    Posted 3 years 3 months ago
    • Joomla 4 uses Bootstrap 5 and this does change the layout of things.

      Use this code...
      .mod-menu.nav {
  display: block;
}


      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.

    • The following users have thanked you: Bigfly

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1444366
    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    Re: SOLVED Menu list on side bar not inline

    Posted 3 years 3 months ago
    • Thanks for the solution.
      I try also to reduce the margin left of the list menu with this but not enough
      ul {
  margin-left: 1rem;
}
      Here is my problem, if you have an idea?

      This image is hidden for guests.
      Please log in or register to see it.



      Thanks
    #1444368
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Menu list on side bar not inline

    Posted 3 years 3 months ago
    • Just modify the same statement to add another attribute:
      .mod-menu.nav {
  display: block;
  margin: 0;
}

      Regards, Mark.

    • The following users have thanked you: Bigfly

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1444369
    • Bigfly's Avatar
    • Bigfly
    • Rocketeer
    • Posts: 89
    • Thanks: 12
    • New on Rockttheme

    Re: SOLVED Menu list on side bar not inline

    Posted 3 years 3 months ago
    • Simple and perfect !
      Big thanks
    #1444370

Time to create page: 0.101 seconds