Joomla Templates Club 406,261 posts

[7then8 Friend 7then8Join date: December 2015Posts: 35Downloads:53Uploads:4 Thanks: 3 Thanked: 2 times in 2 posts]

#898118

The topic was closed, but is not solved. If I leave JA Mono as it is, only 20-30% of my clients can see the splitted screen, the others see a standard website. If I want a standard website, there are far better solutions. I hope to get a little help, because this ist the reason to join Joomlart.

In my case I want JA Mono split the layout to two sections width 768px and up to.
Thats all. As I use a very basic layout with no sidebars the custom work will be ok.
I would need help to find where to change the 1400px to a 768 viewport.
An easy solution should be possible in a quality template.

If I change style.less like suggested and recompile, and whatever else I do, it stays splitted starting at 1400px. Usual such a breakpoint is very easy to find. If I set the site to offline-modus, with the changes (see code below) the screen splits at approx. 1080px. So maybe all this depends on .js, pls point that out.

Mono is one oft the last templates with an really fresh idea; pls stay responsible for it and why people use it.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#898277

Hi

I got your point, however, reducing the width and still keeps the same all modules display will make your site not look nice. Just why it’s recommended to display layout like that in HD screen resolution.

[7then8 Friend 7then8Join date: December 2015Posts: 35Downloads:53Uploads:4 Thanks: 3 Thanked: 2 times in 2 posts]

#898479

Two .less file – style.less and variables.less do not change, that the left container transform to a masthead at 1400px. I dont ask for the modules, only where this breakpoint ist defined, that splits the viewpoint in two containers and why it is not seperate coded and easy as it should be.
As you did not care of the image – thats only landscapes that can be cut everywhere – I can see no reason, why you do so.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#899465

Did you try the suggestion in this topic?

[7then8 Friend 7then8Join date: December 2015Posts: 35Downloads:53Uploads:4 Thanks: 3 Thanked: 2 times in 2 posts]

#899596

Hi, yes I did (without having the custom css override and in responsive mode, I need a responsive site).

I need right and left container stay divided, thats all; to see what the mess is and solve it. But the left container goes 100% < 1400px whatever is done.

• Do you override mediaqueries in custom.css to target all mediqueries that seem to be in many files? Is this the way you would recommend?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#901663

You can try this way:

• In the file: ROOT/templates/ja_mono/less/variables.less

change the Media Queries breakpoints of @screen-hd to:

@screen-hd:                  992px;
@screen-hd-min:              @screen-md;
@screen-hd-desktop:          @screen-md-min;

• Then in layout file: ROOT/templates/ja_mono/tpls/default.php

change all classes ‘col-lg-6’ to ‘col-md-6’

It will look like this:

  <div class="two-blocks-wrapper <?php if (!$this->getParam('responsive', 1)) echo 'no-responsive container'; ?>">
    <div class="block-left col-xs-12 col-md-6">
      <?php $this->loadBlock('block-left', array('AJAX-BLOCK')) ?>
    </div>

    <div class="block-right col-xs-12 col-md-6 col-md-offset-6">
      <?php $this->loadBlock('block-right', array('AJAX-BLOCK')) ?>
    </div>

    <div class="block-footer col-xs-12 col-md-6 col-md-offset-6">
      <?php $this->loadBlock('footer') ?>
    </div>
  </div>

[7then8 Friend 7then8Join date: December 2015Posts: 35Downloads:53Uploads:4 Thanks: 3 Thanked: 2 times in 2 posts]

#901949

Hi again, I did this, recompiled and nothing changed. Thats funny, isn´t it?
Also I would like to have an easy solution I learned that there is no easy way.
It seems better for me to make my own template (I need the screen splitted, nothing else) or use a scrollpage from Uber.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#902636

You can send me the credentials of your site via your reply and SET IT AS PRIVATE reply so I can have a look

URL:

Admin:

FTP:

And take a backup of your site first.

[Author]

Posts