Mobile Responsive Issues

Homepage › Community Forums › Legacy Theme Support › Mobile Responsive Issues

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 8, 2014 at 11:26 pm #13469
    Peter
    Customer

      Hi,

      We use Legacy as a core theme but we have constant issues with it displaying graphic buttons displaying correctly on mobile devices.

      The header logo keeps getting cut off as does the 3 ‘doorway’ buttons in the 3 homepage widget areas.

      What coding or what can do differently to overcome this as the default.

      Here are some demo sites where it is occuring – http://www.smartbrokerwebsites.com.au/ and http://www.smarter3300.com.au/

      August 9, 2014 at 8:28 am #13481
      Jason M
      Customer

        I looked at the first link and it looks like you’re adding inline css code for your buttons. That could be what’s causing the issue if there not showing up right in mobile devices.

        For your logo, I would remove some of the extra space on the side (right side) so it is perfectly centered when viewing it. Once you do that to the image itself (using Photoshop or whatever you use) then we can make it show up in the middle when viewed in mobile devices and it won’t get cutoff.

        August 19, 2014 at 2:22 am #13598
        Peter
        Customer

          If our inline code is not the optimal code to use for hover function, what is? We need these buttons to re-size on mobile devices.

          August 20, 2014 at 5:34 pm #13609
          Eric
          Customer

            The inline code for the button is fine, I believe he is referring to the css that you’re adding. It’s best to add your css in a css file and then link to it by adding an ID/Class to your inline code which will link to it.

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            September 10, 2014 at 2:53 am #13832
            Peter
            Customer

              Thanks for you responses. We have solved the issues we were having with the hover buttons by changing the css we were using.

              However the logo is still an issue. I know that if we center the logo and remove the white space it will not be cut off so much but that isn’t always possible with some client sites. What we really need is to be able to change the header image as the site shrinks to one better suited to a smaller screen. There is a plugin that is meant to do this called “Genesis Responsive Header” but I have not been able to get it to work with the legacy theme.

              Is there a way to get the plugin to work or to otherwise specify a different header image through the media queries?

              Thanks

              September 13, 2014 at 12:40 pm #13870
              Jason M
              Customer

                It looks like you’re having the same issue as this thread – https://appfinite.com/topic/logo-centered-in-mobile/#post-13682 and what eric suggested should help get it working.

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.