Mobile version

  • Resolved elly2013

    (@elly2013)


    11 years, 7 months ago

    Hi
    Im using Ignite theme for a while now but there are a couple of things i can not get around.When i check my site on a mobile(iphone and Android) the logo appears very large and disproportionate to the content (vertical view is worst). Can it be fixed and how?
    Also the menu (mobile version) – once you click on it there is no escape, or going back. The icon disappears on scroll and the bold color occupies the whole view. If you go back it directs to page not found. I worked out If you are at “home” you have to click “home” again in order to return to the main page. Is there easier way of using this function..

    http://www.samplesqueen.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    11 years, 7 months ago

    Thanks for using Ignite!

    Right now the logo is displaying very large on the site due to the changes you made in the Customizer. If you were to restore the logo size and position values to their defaults, the logo will appear smaller on desktops: http://i.imgur.com/qOysGjJ.png

    And it will resolve the issues you’re having on mobile: http://i.imgur.com/6qpyhkj.png

    Thread Starter elly2013

    (@elly2013)

    11 years, 7 months ago

    Hi I really like the size of my logo as it is and do not plan to resize it. Can things be a bit more flexible otherwise i don’t see the point of the customization options. The menu is really an issue since it blocks the page on mobile. Let me know if there is anything that can be done to improve…..

    Theme Author Ben Sibley

    (@bensibley)

    11 years, 7 months ago

    Okay, I see. The following CSS will prevent the logo from sizing outside the width of the screen:

    @media all and (max-width: 800px) {

  #logo {
    max-width: 100%;
  }
}

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    When opening your menu on mobile, it seems to be working fine the first time (screenshot), but the menu overlaps the logo when opened a second time (screenshot). I was able to recreate this issue and will add a fix for it in an upcoming version of Ignite.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile version’ is closed to new replies.