Public Forums 71,145 posts

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1072172

I am using the JA Platon Template 1.0.4 , and the owl Slideshow in the JA ACM Module that came with this version. Joomla version is 3.7.5

Here is some relevant CSS Modifications I have made using the before Custom Code area

note: .TowerTimes is the Featured Blog Menu Item and is the same element that has the blog-featured class. .moduleloginform is the JA login module and has been adjusted using css to have it’s top edge line up with the bottom edge of the nav bar. It is in the sidebar-2 position and is the first item in the ordering.

@media (min-width:1200px){
.TowerTimes .moduleloginform{
margin-top:-450px;
margin-bottom: 240px;
}}
@media (min-width:1350px){
.TowerTimes .moduleloginform{
margin-top:-509px;
margin-bottom: 299px;
}}
@media (min-width:1500px){
.TowerTimes .moduleloginform{
margin-top:-568px;
margin-bottom: 341px;
}}
@media (min-width:1700px){
.TowerTimes .moduleloginform{
margin-top:-647px;
margin-bottom: 420px;
}}

@media (min-width: 1350px){
.t3-wrapper > .container{
width: 1290px
}
}
@media (min-width: 1500px){
.t3-wrapper > .container{
width: 1440px
}
}
@media (min-width: 1700px){
.t3-wrapper > .container{
width: 1640px
}
}

@media (min-width: 992px){
.t3-sidebar.t3-sidebar-right {
    width: 22%;
}
.t3-content {
    width: 78%;
}
}

@media (max-width: 991px) and (min-width: 768px){
.t3-mainnav{
    margin-bottom:40px;
}
}

Edit: Forgot to add problem after detailing site specs

When resizing the page owl slideshow resizes perfectly fine and is fully responsive, but when I press the fullscreen button in either chrome or firefox (possibly other browsers too) it does not resize appropriately. I have tested this on two different resolution monitors as well.

• This topic was modified 7 years ago by  bradleywgbcol.
• This topic was modified 7 years ago by  bradleywgbcol.

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

#1072535

Hi,

You can share the credentials of your site and screenshots highlighting the issue so I will check for you.

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1072681

Giving the site credentials is pointless as you cannot get to the website It is only accessible from our local network. I could schedule a time for a remote desktop session using something such as team viewer.

The first image is after I press the fullscreen button, and the second image is after I refreshed the pagewhile in fullscreen mode

---

Attachments:

1. 
2. 

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

#1072761

Pls try to put your site online so I can have a closer look and check for you. It’s hard to suggest without seeing the custom style closely.

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1073147

This reply has been marked as private.

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

#1073283

This reply has been marked as private.

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1073420

This reply has been marked as private.

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

#1073540

I can access your site now.

But when resizing the windows (Chrome / Firefox) , then turn to full screen, everything looks the same, could you highlighting the difference via screenshot?

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1073625

In order to cause the problem you must fullscreen directly from a smaller window size, but it must be large enough that the slider is still on the page. Try resizing to 1000px browser width then pressing fullscreen.
Edit: you might also need a screen resolution of at least 1440 x 900 (width is the important one).

• This reply was modified 7 years ago by  bradleywgbcol.

---

Attachments:

1. 

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

#1073915

I’m using a retina screen, resize window to a smaller screen, then click Fullscreen button but everything shows correctly.

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1074053

I don’t know what is different on your system than what I see, please test this on another PC. I have had coworkers test this and they have encountered the same issue. If you do not see the issue can you send me a screenclip of what you are doing?

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1074057

This reply has been marked as private.

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

#1074185

Thanks for the video. Yes, I do the same steps but can’t see issue (check with Firefox & Chrome + Safari)

Please try to temporarily disable the custom css first and see how it goes.

[bradleywgbcol Friend bradleywgbcolJoin date: August 2016Posts: 11Downloads:12Uploads:4]

#1074270

I tried that, and it did not help.

I did some more looking and found that the element style of the div.owl-wrapper has its width set to a number less than it should when I click fullscreen. At smaller size width:4044px; After clicking fullscreen width:6276px; After refresh (at fullscreen size) width:6560px;

Where is the code that triggers that change?

Edit: I have also found that if I pause the output shrink it then fullsize again then unpause it will resize to the proper size.

• This reply was modified 7 years ago by  bradleywgbcol.
• This reply was modified 7 years ago by  bradleywgbcol.

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

#1074512

Could you use the real devices to test the responsive issue? As different browsers will render in different ways.

And did you experience the same issue with demo site here? http://ja-platon.demo.joomlart.com/index.php/en/

[Author]

Posts