Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • sparkktv Friend

    I’m working in localhost not my Live site, but I’m messing around with the grid sizes and wanted to change them to the following from.
    HD Width: 1600px > 1920px
    Large Desktop Width: 1140px > 1400px
    Desktop Width: 940px > 1024px
    Tablet Width: 720px > 768px

    The reason I wanted to make the change is that the black bars on the side don’t appear on the site except if your using a huge monitor over 1920px. But everytime I make the change the site becomes messed up. The responsive part when you shrink the site has items cut off on the right side of the screen until it reaches one of the next sizes down. Is there more I need to edit or is this just not something that is possible with this template.I attached a screenshot so you can see what I’m talking about. I know there are sizes in template.css, do those need to be edited and to what if so?

    1. Screen-Shot-2017-12-21-at-3.21.17-PM
    Saguaros Moderator


    I’m not quite sure which page are you referring to, if possible, put your site online and share the credentials of your site, I will check for you.


    sparkktv Friend

    It’s in ThemeMagic under Grid inside the template. My site is online but I do all my testing in localhost. I attached an image of the part I’m talking about in ThemeMagic.

    • This reply was modified 2 years, 3 months ago by  sparkktv. Reason: Image didn't add

    1. Screen-Shot-2017-12-21-at-3.01.48-PM
    Saguaros Moderator


    That settings is equivalent to this declaration:

    // Container sizes
    // --------------------------------------------------
    // Small screen / tablet
    @container-tablet:             ((720px + @grid-gutter-width));
    @container-sm:                 @container-tablet;
    // Medium screen / desktop
    @container-desktop:            ((940px + @grid-gutter-width));
    @container-md:                 @container-desktop;
    // Large screen / wide desktop
    @container-large-desktop:      ((1140px + @grid-gutter-width));
    @container-lg:                 @container-large-desktop;
    // Very Large screen
    @container-hd-desktop:         ((1600px + @grid-gutter-width));;
    @container-hd:                 @container-hd-desktop;

    in this LESS file: root/templates/ja_moviemax/less/variables.less

    Did you try to change via this file?

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 3 replies, has 2 voices, and was last updated by  Saguaros 2 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum