Bleeding modules/ ACM Modules not visible

andrewwinkler

I was able to fix the problem with the 'slideshow' module bleeding into the 'video gallery' module on the desktop. In fact, EVERYTHING is now displayed as intended on the desktop. However, the problems on the mobile screen are still there. Other than that the slideshow is not displayed entirely, only the left third, the biggest problem is that custom HTML modules are not displayed at full width or not centered. Once the latter is fixed, the problem with footer-1 to footer-4 not being displayed at full width, on top of each other, will problably go away too.

Ninja

andrewwinkler
Hi
The screenshot is taken from the PC.
Also the footer module position you set col-6 so it will not show full width.
As i suggested in my last reply in other thread you need to increase module position width from Template layout options > responsive layout > extra small.

the same changes will apply on the spotlight position, i am not sure why you are not applying changes that will fix your issue.
http://prntscr.com/kohxs2
http://prntscr.com/kohxt7

Regards

andrewwinkler

Thanks for teaching me how to use ThemeMagic for tasks such as changing module width. I never used it before.

The frontpage now looks almost perfect, on both desktop and mobile screen, but I still need to solve a couple of problems.
1. The module "Slideshow", the first module in "top-1" position on the frontpage, is supposed to be displayed in full width rather than having the right half being truncated.
2. The three ACM modules "Our Partners", "Statistics" and "They said it", all in "top-1" position on the frontpage, are no longer visible at all, neither on the desktop nor on the mobile.

aman204

andrewwinkler In regards to your last relative issues posted :

1) You may check now as I have added this to custom.css file :

@media screen and (min-device-width:320px) and (max-device-width:480px){.ja-slide-right{width:100% !important;}}
and resized width to show top-1 position to be full-width in T3 framework settings --> Layout --> Responsive Layout --> Extra small

You may confirm if it is fine now so as to assist further with other query.

andrewwinkler

Wonderful, it's fixed. The only remaining issue now is that the 3 ACM modules, "Statistics", "Our Partners" and "They said it" are now no longer being displayed, neither on the desktop nor the mobile. I thought this might have something to do with me renaming the /socialize/acm folder to /socialize/~acm so that I can compile LESS without error message. However, I can no longer rename back the folder. Doing so breaks the site.

aman204

andrewwinkler I thought this might have something to do with me renaming the /socialize/acm folder to /socialize/~acm so that I can compile LESS without error message.

You will require to rename it to right folder path so as to enable JA ACM module types to work effectively and render fine as this is the primary folder which constitutes of ACM module override files specific to template assigned

However, I can no longer rename back the folder. Doing so breaks the site.

Kindly elaborate exactly on the relative issue being faced as I could see specific modules rendering fine earlier on your site

andrewwinkler

aman204 You are right. Those 3 modules used to work. But now, when logged in, the site produces an error page. The error goes away if I rename the /socialize/acm folder to /socialize/~acm. This problem started after fixing the problem with the custom html modules.

aman204

andrewwinkler But now, when logged in, the site produces an error page. The error goes away if I rename the /socialize/acm folder to /socialize/~acm.

I am unable replicate any such issue and the homepage appears fine with rendering of specific ACM modules (not logged in/logged in state) after renaming to right folder path i.e. /socialize/acm . Ref: Screenshot showing Statistics module and Screenshot-2 however, Module titled "Our partner" would require further configuration in order to populate appropriate data as envisaged

andrewwinkler

Amazing. Thank you so much. Now, the last thing remaining to do on the frontpage is to make the slideshow display in full. The code I'm using is this:

@media screen (max-device-width:480px) {
.ja-slidewrap .ja-slide-right{
	width: auto !important; 
	display: flex !important;flex-shrink: row wrap !important;
	height: auto !important;
	margin: 24px auto -260px !important;
  padding: 0 !important;
}
}

I also tried width: 100%, but it made no difference.

aman204

andrewwinkler I assume that relative issue had been fixed as informed by you in earlier post

Wonderful, it's fixed. The only remaining issue now is that the 3 ACM modules, "Statistics", "Our Partners" and "They said it" are now no longer being displayed, neither on the desktop nor the mobile.

If still the specific module isnt seen right in responsive mode, Kindly provide screenshot marked with annotations showing as to how you want it in order to avoid confusion or amibiquity

andrewwinkler

My apologies for the oversight.

The custom.css override is currently:

@media screen (max-device-width:480px) {
.ja-slidewrap .ja-slide-right{
	width: auto !important; 
	height: auto !important;
 	display: flex: 1 1 auto !important;
	margin: 24px auto -260px !important;
 	padding: 0 !important;
}
}

aman204

andrewwinkler I am bit unsure as to why the added media query css isnt appending to make the images scale fine as it could be due to absolute positioning being added through js which is probably overriding relative positioning

Alongwith, Fixed pixel width is also coming through js which wont allow the images to scale down to fit mobile responsive mode

Will discuss with the team and we shall revert back soon. Please be patient till then

andrewwinkler

Would be great to get that fixed before our launch day, on September, 4th. There will be a room full of dignitaries checking out the site with their mobile phones.

aman204

andrewwinkler Have also reported the same to JA Dev. Team. Hoping for revert soon from their side.

saguaros

andrewwinkler

Hi,

We added some custom CSS code for the slideshow, kindly check it now.

Mo0nlight

Hi.

I got error with login administrator

Warning
You do not have access to the Administrator section of this site.

Please check

andrewwinkler

Perfect. You guys are amazing.