aman204 Thx! I changed it to 13px and it is displaying correct in the browser, but in the chrome responsive emulator it is now displaying a extra big gap. Why is it displaying different and what is correct?

      starlight but in the chrome responsive emulator it is now displaying a extra big gap

      Having reviewed in both Chrome and firefox responsive emulator, Setting 27px makes it appear fine for both.

      Also, Would suggest to try to check in realtime on standard devices as responsive emulator can be deceiving at times and may differ from actual output.

          starlight As suggested earlier, Would suggest to kindly try to check in realtime on standard devices. The element positioning should be fine in standard device in realtime which should be of primary importance

              aman204

              1. I only have my mac / pc to check that size with, and there it is displaying incorrect.

              2. Can you try to give me a general CSS to define the size of the small logo?

                  starlight I only have my mac / pc to check that size with, and there it is displaying incorrect.
                  Can you try to give me a general CSS to define the size of the small logo?

                  1) The browser re-sizing can't presumably tell the actual output for certain screen-size which may differ. You may also refer to in-depth explanation given here due to which I had suggested for testing in real-time with standard device

                  Sometimes issues surface that occur only when you resize the window. When you load the page in a specific window size, the issue doesn’t appear, but when you resize the window, it does. This is a false positive;

                  However, I caution testers and QA engineers to never rely on this practice as the sole form of testing

                  2) Try add this to custom.css file and adjust values accordingly :

                  .logo .logo-control .logo-img-sm{margin-top: 30px !important;width: 80px !important;height: 50px !important;}

                  however, the above suggestion can be presumed to be tentative workaround which may/may not work since I am unable to replicate any such relative issue as shown by you

                      aman204

                      1. I would have preferred that it displayed correct both on PC and other devices, but I guess there is no other solution at the moment so we'll just leave it as it is I guess.
                      2. It did not solve the issue, but I will use this code anyway because the logo was too big. But, can the code be changed so the width is responsive according to the height?

                      And in terms of fixing the issue, please watch here and see if you can reproduce it on your phone: https://www.youtube.com/watch?v=GOCD489usI4

                          starlight Hi. I cannot see this line anywhere on my devices, but if it's a transparent line showing content from below than this should fix it.

                          .scrollUp .top-main,
.scrollDown .top-main{
    background: #fff;
}

                              teitbite Yes, that is the problem. I added this code, and it fixes the problem when scrolling, but not at the very top of the page.

                                  starlight Hi. Can I see a screenshot of it? Is is showing all the time, or only scrolling up? Or when site is at very top.

                                      starlight Hi. I see, please replace the code I gave You last time with:

                                      @media only screen and (max-width:940px) {
.top-main,
.scrollUp .top-main,
.scrollDown .top-main{
    background: #fff;
}
}

                                          teitbite Great, that fixed it.

                                          Can this code be changed so that the widht change in proportion to the height?

                                          .logo .logo-control .logo-img-sm{margin-top: 30px !important;width: 80px !important;height: 50px !important;}

                                              starlight I believe if You change height value to "auto" it should fit to the width. Or the other way around, depends what You need.

                                                  starlight Hi. all the changes are on the template side, so You should not have a problem with joomla update, but just in case make a backup before. I do not know what customizations were done by the developer You hired.

                                                      teitbite Thx, I have updated. Things seems to be working. I got these errors though, can I ignore them?

                                                          starlight I got these errors though, can I ignore them?

                                                          You can try and click the "fix" tab on the similar admin screen. Ref: Screenshot

                                                          Would suggest to also take backup of your site before performing aforesaid step, in case rollback required whilst facing any issues e.t.c

                                                              aman204 Thx. This is what it say now, should I do something else or just ignore it?

                                                                  starlight This is what it say now, should I do something else or just ignore it?

                                                                  You may ignore until the specific DB error cause some issue in Core functionality. Also, Probably, the suggestion provided here could be of help

                                                                    You need to Login to view replies.