0
Welcome Guest! Login
0 items Join Now

Navigationsmenu - active und hover

Last Post
Search Topic
    • Felix 's Avatar
    • Felix
    • Rocketeer
    • Posts: 88
    • Thanks: 0

    Navigationsmenu - active und hover

    Posted 2 years 5 months ago
    • Hello all,

      I have migrated a website on my localhost to Joomla! 4.xx with Gantry 5.5 and Hydrogen 5.5.

      I have set a vertical menu at the top left - but I can't get the colours to change on hover or active via scss.

      Thanks a lot

      Traudel
    #1442492
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Navigationsmenu - active und hover

    Posted 2 years 5 months ago
    • Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look for you.

      Regards, Mark.
    • 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.
    #1442494
    • Felix 's Avatar
    • Felix
    • Rocketeer
    • Posts: 88
    • Thanks: 0

    Re: Navigationsmenu - active und hover

    Posted 2 years 5 months ago
    • Hi Mark,

      Thank you very much - here are the access data (Secure).

      I started the migration to Joomla 4 only yesterday and got stuck with the menus. The test page is therefore not yet "beautiful"....

      Regards

      Traudel
    #1442495
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Navigationsmenu - active und hover

    Posted 2 years 5 months ago
    • Use this code...
      #g-navigation .menuhead .mod-menu .nav-item.current a, #g-navigation .menuhead .mod-menu .nav-item a:hover {
  color: red;
}

      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.
    • 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.
    #1442497
    • Felix 's Avatar
    • Felix
    • Rocketeer
    • Posts: 88
    • Thanks: 0

    Re: Navigationsmenu - active und hover

    Posted 2 years 5 months ago
    • Hi Mark,

      Thank you very much, it worked.

      Can you please have another look at the submenu nav-pills (see Secure)?
      that menu should be horizontal. I also have a problem with this, unfortunately...

      Regards Traudel
    #1442503
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Navigationsmenu - active und hover

    Posted 2 years 5 months ago
    • Use this code...
      #g-navigation > .g-container > .g-grid:nth-child(2) .mod-menu .nav-item {
  display: inline-block;
  margin-right: 1rem
}
#g-navigation > .g-container > .g-grid:nth-child(2) .mod-menu {
  margin-top: 0;
}
      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.
    • 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.
    #1442505

Time to create page: 0.049 seconds