0
Welcome Guest! Login
0 items Join Now

SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    • Horton's Avatar
    • Horton
    • Jr. Rocketeer
    • Posts: 24
    • Thanks: 0

    SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 6 days ago
    • Specifically relating to “Page Content” inside of “Container”
      The Page Settings are set to “Fullwidth (Boxed Content)”.
      I have applied “No Padding All”, “No Margin All” & “Align Left”. “Page Content” as well as the “Mainbar” also have these settings
      There is a banner modules in the side bar. It has been set to “hidden-phone” as well as “No Padding All”, & “No Margin All”
      I would like to shift the content left and recenter it with less white space in the margins. Is this possible? What have I missed???

      You will see below that there is more than double the white space on the left as the right. The live site is BallOfSpray.com

      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 4 months 4 days ago by Horton.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 97913
    • Thanks: 12999
    • Web Designer/Developer

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 6 days ago
    • Please post url, superuser ID and password in the secure tab of your reply and I will 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.
    • Horton's Avatar
    • Horton
    • Jr. Rocketeer
    • Posts: 24
    • Thanks: 0

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 5 days ago
    • data is in the secure tab. Not sure if you already saw it or not.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 97913
    • Thanks: 12999
    • Web Designer/Developer

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 4 days ago
    • You have to reply if you update a post otherwise I'm not informed.

      htaccess login does not work - please check.

      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.
    • Horton's Avatar
    • Horton
    • Jr. Rocketeer
    • Posts: 24
    • Thanks: 0

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 4 days ago
    • credentials have been corrected. Sorry about that.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 97913
    • Thanks: 12999
    • Web Designer/Developer

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 3 days ago
    • admin page seems to have a secret url on it as it just redirects to home page?

      Regards, Mark.

      p.s please turn off jch_optimize too and clear server cache.
    • Last Edit: 4 months 3 days 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.
    • Horton's Avatar
    • Horton
    • Jr. Rocketeer
    • Posts: 24
    • Thanks: 0

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 3 days ago
    • Sorry about that.

      Looks like I had the site too locked down with Akeeba Admin Tools.

      I also disabled jch. I am curious why you had me do what?
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 97913
    • Thanks: 12999
    • Web Designer/Developer

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 2 days ago
    • This is all caused by the new Bootstrap 5 in Joomla 4.


      Use this code...
      // 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) {
      
      }
      // typically max 47.938 rem
      @include breakpoint(mobile-only) {
          .platform-content.container {
              padding: 0;
          }
          .platform-content.container .row {
              margin-right: 0
          }
          .platform-content.container .col {
              padding-left: 0.5rem;
              padding-right: 0.5rem;
          }
      }
      // 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";

      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.
    • Horton's Avatar
    • Horton
    • Jr. Rocketeer
    • Posts: 24
    • Thanks: 0

    Re: SOLVED Isotope mobile page layout / Gantry 5 / Current version of everything

    Posted 4 months 1 day ago
    • Thank you Mr. T.

      That looks a lot better.

      Thank you so much.

Time to create page: 0.094 seconds