Hey Paul and co.

I am writing again, because you closed my post prematurely. I am still having a serious issue with the logo in responsive mode. Thanks for the help with the social buttons.

How do I remove the layer issue with the logo which seems to have a sticky effect? I have disabled the mobile stickynav effect under Effects in the template manager. Also the logo flickers when I scroll down in the responsive version. Everything I have on the page below the logo moves underneath the logo.

As always, appreciate your help a lot.

Nya

    HI Nya,

    Sorry about that - I think we thought everything was resolved

    Was my suggestion to try with top rather than toolbar not an option?

    The toolbar does behaviour differently with certain layouts

    Cheers
    Paul

      paulus1031
      Hey Paul,
      Thanks for getting back to me. Right now I am using mobile-logo position for the logo in responsive mode. Perhaps I should not use this function? If I use the top, my logo will be above my toggle menu and social buttons. This doesn't make sense to me design-wise, but if that is my only option, I'll have to do it. Or do you recommend I stack my normal logo position, only problem is the social buttons will be repeated.
      Love
      Nya

        nyafleron Also the logo flickers when I scroll down in the responsive version.

        Try add this to custom.css file :

        @media only screen and (max-width: 787px) {.responsive-enabled.toggle-menu #toolbar.zen-row-wrap {opacity:1 !important;}}

        to circumvent around the relative flickering issue

        Everything I have on the page below the logo moves underneath the logo.

        To be precise and avoid confusion/ambiquity, Can you kindly provide screenshot marked with annotations as to how you wished to have the specific section be seen, instead

        Or do you recommend I stack my normal logo position, only problem is the social buttons will be repeated.

        Perhaps, You may give it a try and let us know. We can investigate and provide suggestions thereon with the same

            aman204
            Hi Aman,
            I took a screenshot from a responsive tool (http://responsivedesignchecker.com/checker.php?url=http%3A%2F%2Freikiwear.vidyawebdesign.com&width=1400&height=700)
            On my iphone it still flickers (after the css addition) and it doesn't show any images from the home page. In the online tool I can see some of the images in the background of the logo row (see attached screenshot) and it flickers too.
            It appears that the mobile-position won't work for my size logo - it's probably better suited for text logos. I'll try out the normal logo position for responsive mode later today and see if I can work it out that way instead. If you come up with any other solutions, I am open. Thank you again.
            Nya

              Hey Paul and Aman,

              I fixed the issue by moving things around and not using the mobile-position in the template manager. It now looks much better and there is no overlapping of layers. I appreciate your help as always. Happy Tuesday everyone!
              Love
              Nya

              Thanks Nya

              Only 3 days till Friday 🙂 - although it appears my country has gone on holiday this week for the world cup

              Best of luck with the site

              Cheers
              Paul

              Write a Reply...
              You need to Login to view replies.