Good evening everyone,
I encountered a problem with the footer of the orange theme.
Making any changes to the theme then appears the problem that the footer overlaps the other elements on the page.
It does it to me in both desktop and mobile view. I tried to have a look at the css code but still couldn’t find the problem.
The problem arises after any theme changes … even a theme color.
How to solve?


    elmarra Please confirm TastyIgniter and OrangeTheme versions so I can test and find a solution.

        Theme version 2.7.3
        Tastyigniter v3.0.4 beta 26

          elmarra I’m testing with the same versions and I’m not able to reproduce the error. I’m testing with

          Chrome: Version 87.0.4280.141
          Firefox Dev: 81.0b8

          Resolutions: 1366 × 768 and 1920 × 1080

          Home Page Components:

          • @component(‘slider’)
          • @component(‘banners’)
          • @component(‘localSearch’)

              the error reproduces when you change something in the theme.
              Like colors etc ..
              Once saved .. and reloaded the new cache the problem is reproduced. I can’t figure out if it’s the footer that overlaps the page. or is the rest of the page not getting the right height.
              I have tried on two different installations and in doing so the problem comes out

                elmarra I was able to reproduce the error. I’m checking the problem.

                    elmarra Really quick solution. Gonna check the case in detail.

                    themes/tastyigniter-orange/assets/src/scss/components/_footer.scss

                    Line 2:
                    position: absolute; -> position: relative;

                    Save theme settings and test.

                        I noticed these two differences between new and old version,
                        I don’t know if it’s a mistake

                          mlattke
                          It didn’t work for me. modified the file but without success.
                          A quicker and more functional solution was to add to the custom css
                          .footer
                          position: relative !important

                              elmarra You should edit the file and click save in the theme editor. So it creates the new file with the changes.

                                  The file was edited and saved but it didn’t work,
                                  it worked with the CSS

                                  breaksecurity I’m not sure why is that happening. I’ll run some tests tomorrow trying to figure out the cause. I’ll send the PR if needed.