Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • bradleywgbcol Friend
    #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 6 years, 4 months ago by  bradleywgbcol.
    • This topic was modified 6 years, 4 months ago by  bradleywgbcol.
    Saguaros Moderator
    #1072535

    Hi,

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

    bradleywgbcol Friend
    #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


    1. fullscreen-error
    2. fullscreen-no-error
    Saguaros Moderator
    #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
    #1073147
    This reply has been marked as private.
    Saguaros Moderator
    #1073283
    This reply has been marked as private.
    bradleywgbcol Friend
    #1073420
    This reply has been marked as private.
    Saguaros Moderator
    #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
    #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 6 years, 4 months ago by  bradleywgbcol.

    1. fullscreen-error-1
    Saguaros Moderator
    #1073915

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

    bradleywgbcol Friend
    #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
    #1074057
    This reply has been marked as private.
    Saguaros Moderator
    #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
    #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 6 years, 4 months ago by  bradleywgbcol.
    • This reply was modified 6 years, 4 months ago by  bradleywgbcol.
    Saguaros Moderator
    #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/

Viewing 15 posts - 1 through 15 (of 19 total)

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

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