Joomla Templates Club 406,261 posts

[malonso Developer malonsoJoin date: March 2015Posts: 23Downloads:0Uploads:12 Thanks: 7]

#206495

Hi again.

I’ve been encountering some issues with the responsive layout and display of the webpage in some screen resolutions. I have accessed screenfly.com to check screen sizes, and I’ve encountered the following issues.

PS: I must add that I have been modifiying some css bits to reduce sizes, but I cannot get them right.

1. Blue box on Slideshow overlapping and not re-sizing.

2. Position 3 module doesn’t stay the same size.

3. Grid has empty spaces and doesn’t display one after another.

These problems have been encountered at 1024, and 1152 resolutions, such as the ones used in some PCs in the company.

---

Attachments:

1. 
2. 
3. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#571357

I changed the configuration JA Slideshow Lite module directly on your site, now you can see the problem in JA Slideshow module is gone.

About the problem with grid, you can fix this way

Open templates/ja_medicare/css/custom.css file and add new rule

@media (min-width: 980px) {
.category-module.five-columns .category-module-item {
min-height: 300px;
}
}

[malonso Developer malonsoJoin date: March 2015Posts: 23Downloads:0Uploads:12 Thanks: 7]

#571361

I see you have modified the height of the Slideshow… Though I had modified it so it was shorter…
The position 3 block doesn’t stay in line and the grid still goes off.

**EDIT

I have no idea what happened, but “fixing” the issues got past issues back up again. Buttons are not changing the font colour in the 3 blocks under the slideshow.

It was a support memeber who fixed that, so I have no idea how to bring that back to the way it should be.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#571462

You can change the buttons font colour 3 blocks with the solution below

Open templates/ja_medicare/css/custom.css file and add new rule


.t3-module.box-background-secondary:before {
background-color: red;
}

.t3-module.box-background-dark:before {
background-color: red;
}

.t3-module.box-background-primary:before {
background-color: red;
}


About the problem here

I fixed it directly on your site, please check it again

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#736510

You can change the buttons font colour 3 blocks with the solution below

Open templates/ja_medicare/css/custom.css file and add new rule


.t3-module.box-background-secondary:before {
background-color: red;
}

.t3-module.box-background-dark:before {
background-color: red;
}

.t3-module.box-background-primary:before {
background-color: red;
}


About the problem here

I fixed it directly on your site, please check it again

[malonso Developer malonsoJoin date: March 2015Posts: 23Downloads:0Uploads:12 Thanks: 7]

#571472

Okay, I’ve managed to fix some bits, still waiting for response.
Thanks in advance! 🙂

[malonso Developer malonsoJoin date: March 2015Posts: 23Downloads:0Uploads:12 Thanks: 7]

#736520

Okay, I’ve managed to fix some bits, still waiting for response.
Thanks in advance! 🙂

[Author]

Posts