0
Welcome Guest! Login
0 items Join Now

SOLVED Navigation and error page

  • SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Good morning. I'm renovating a site and moving from Gantry 4 to Gantry 5 Helix (Joomla4). I've made several changes by myself, but I can't fix some problems.
      First, with the instructions of the online documentation I can't activate the custom error page.
      Also, I can't fix the layout of Navigation. I would like it as in the old site www.hqmonza.it on the new one in progress www.hqmonza.it/2023/
      Finally, I would like to remove the yellow line (navigation bottom) from the homepage only, but I can't. I tried to use codes like body:not(.home-page).... but nothing. Can you help me please? Thank you.
    • Last Edit: 1 year 2 months ago by mauro buffa.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Helix? I presume that you actually mean HELIUM?
      1. Custom error page is working and active?
      2. Add “no margin” and “no padding” block variation to your logo and give it a class of your own choosing. Add a spacer particle on the second row before the menu that occupies the same width as the logo. Add custom CSS for you chosen class to add a negative bottom margin to the logo. Use CSS to adjust styling to suit your needs... I can’t do it all for you in the scope of this support forum.
      3. Your line on the navigation is being added by your own custom CSS. Just preface that CSS selector with body:not(.itemid-101) (1010 being the home menu item id).

      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.
  • Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Ok, HELIUM not Helix (I hate autocorrect...).
      Thanks for the suggestion on the right "body:not..." syntax.
      I'll fix the navigation (I forgot that margins can be negative, sorry).
      I see the error page in the template outlines, but actually I think it is not active. I don't know how to activate it...
      Finally: there is a quick way to change the colors of the ul pagination (see for example www.hqmonza.it/2023/index.php/02-citta-no ). Does the template have it only blue?
      And: how to remove the sign > (fa-icon?) in secondary buttons read more?
      More than one question, but then I have no more ;)
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Error page is active - just type url to your site then /jhsdfjghkjdsg (any old invalid value) and you do get the error outline.

      When developing web sites it is useful to learn to use either, the Inspector in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.
      .readmore .icon-chevron-right {
          display: none;
      }
      .page-item.active .page-link {
          background-color: pink;
          border-color: black
      }
      .page-link {
          color: black
      }

      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.
    • Last Edit: 1 year 2 months ago by MrT.
    • 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.
  • Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Thanks for the advice and for help, I use the Safari tools, but I'm a damn self-taught :)
      The error page you see is that of the online site hqmonza.it, while I'm working on the new site at hqmonza.it/2023
      Maybe that's why I don't see the new-site-in-progress error page? But in the styles menu ERROR is not there (see the attachment)
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Huh? “new site in progress” so you don’t mean the error page at all but rather the “offline” page? set your site to “offline” in joomla global configuration and then edit the “offline” outline. If you do mean the error page (which is working) then edit the “error” outline - if it isn’t showing you must have deleted it...

      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.
  • Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • Ok Mr T, thankyou. I'll check the error page later.
      For navigation I created two appropriate css .logotop and .menutop. But I need them not to apply to phones...
      Please tell me what is wrong into the following that don't works (I put it in the /templates/g5_helium/custom/scss/custom.scss file):
      /*aggiustamento testata navigation*/
      @import "nucleus/mixins/breakpoints";
      @import "dependencies";
      @include breakpoint(no-mobile).logotop {
      margin: -6.5rem 0 -1rem 0;
      }
      @include breakpoint(no-mobile).menutop {
      margin:-4.4rem 0 0 -0.5rem;
      }
    • Last Edit: 1 year 2 months ago by MrT. Reason: added code blocks
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Navigation and error page

    Posted 1 year 2 months ago
    • // Gantry 5 custom CSS file
      
      // import breakpoints
      @import "dependencies";
      
      // Typical values are the default breakpoints set in Gantry 5
      // but these values are user definable in style settings
      // so that is why the code below uses mixins to get the actual 
      // values from Gantry 5 template.
      
      // commonly used media queries
      
      //  typically min 75rem 
      @include breakpoint(large-desktop-range) {
      
      }
      // typically range 60rem to 74.938rem 
      @include breakpoint(desktop-range) {
      
      }
      
      // typically 48rem to 59.938rem
      @include breakpoint(tablet-range) {
      
      }
      // typically 30rem to 47.938rem
      @include breakpoint(large-mobile-range) {
      
      }
      // typically max 30rem
      @include breakpoint(small-mobile-range) {
      
      }
      
      // Less commonly used media queries
      
      // typically min 60rem
      @include breakpoint(desktop-only) {
      
      }
      // typically min 48rem
      @include breakpoint(no-mobile) {
        .logotop {
          margin: -6.5rem 0 -1rem 0;
        }
        .menutop {
          margin:-4.4rem 0 0 -0.5rem;
        }
      }
      // typically max 47.938 rem
      @include breakpoint(mobile-only) {
      
      }
      // typically max 59.938rem
      @include breakpoint(no-desktop) {
      
      }
      
      // Mobile Menu Breakpoint
      @media only all and (max-width: $breakpoints-mobile-menu-breakpoint) { 
      
      }
      
      @import "nucleus/mixins/breakpoints";

      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.
  • Re: SOLVED Navigation and error page

    Posted 1 year 1 month ago
    • ok, thankyou. I have solved.
      I don't use joomla offline, because I've always had strange effects, such as altered margins and paddings. I develope the new version of the site in a subdirectory (robots noindex nofollow) and at the end I move it to the root level.
      Just a little question: I'm having trouble changing the weight of active links (in helium they are too thin). Kindly give me a hint for an effective css.
      Then I'm really done stressing you :)
      Best
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Navigation and error page

    Posted 1 year 1 month ago
    • What does “weight of active links” mean? menu ? just a hyperlink? hover?

      Please do a screenshot of your problem and annotate to make it clear.

      Regards, Mark.
    • The following users have thanked you: mauro buffa

    • 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.

Time to create page: 0.042 seconds