Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #17810

    is there any way to fix the “select a page” menu on the iphone so that, at the very least, you have indentations to represent the drop-down menu items??? Right now it is just a long list of all the pages, that looks like crap! Why is this not a “toggle” type drop-down menu that you see on most mobile sites?

    Also, when viewed on an ipad (vertically) the last 2 of my menu items rap/break to another line into the slider area?

    Sorry – thought i was about to take the site live and it was my client that pointed this out to me.

    any help would be appreciated.

    thanks

    #97003

    Hi shingt,

    As far as I know the pages are indented to show parent>child relationship. If it isn’t happening on your iphone, can you tell us the OS version so we can try and test it as well.

    If an item is wrapping, it is probably because its reached the limit of letters for that line. The best and easiest solution would be to change the page title if possible.

    Regards,

    Devin

    #97004

    Hi,

    Would you please check that you are using the latest version of Choices theme which is 1.6 … You can see your version in styles.css. The update found on themeforest took care of a lot of mobile issues so before you let us take a look at the url to your website, please install the update so that we are all on the same page here. Please be aware that the update overwrites every file in the theme, so make sure to make a backup.

    Thanks,

    Nick

    #97005

    i have updated the theme to 1.6 and i am still not getting any kind of indent on OS 6 & 5.

    For my “main menu” that goes across, above the slider – your telling me that i can not have menu items that go all the way across!! that i am limited to the number of “letters/menu” items that i can have in my menu??? This is a major flaw in your “responsive” layout! I noticed that on all of your theme demos – you do not have many menu items. IS there a way to fix this??

    i love this theme, am getting use to how things work, want to continue using Kriesi themes. i am using Angular on another site – haven’t done much with it, and have 2 more sites that i am about to start – i CAN NOT use these themes with this menu limitation!

    thanks

    #97006

    Hi,

    I am sorry, I looked on iPad and I am not sure I understand what is not working. Menu looks fine.

    Please understand that on a phone that is 300 pixels across, it simply is not possible to have 10 items on the main menu unless each item is in font size so small it is unreadable. Would you provide a URL please and perhaps we can do something when seeing the html code.

    Thanks,

    Nick

    #97007

    Nick,

    here is the url:

    http://impactplayer.org

    and here is a screen grab: http://impactplayer.org/?page_id=1304 of what my client is saying is happening on the ipad in the vertical position. you can see that “Press/Videos” and “Contact” have wrapped into the slider area? this grab is when i re-size my screen by pulling it in to make it smaller to see the responsiveness. There is small gap when the menu breaks/wraps instead of switching to the drop-down menu?

    i believe you would have the same issue on your demo site if you added a couple more links/pages to your top level of the main menu after “Forum”.

    Also, i am not seeing any improvement, after the update, on the original problem with the iphone menu not indenting the sub-menu items.

    thanks

    tom

    #97008

    Hi,

    The update improved a number of things for the Safari and made the theme inline with ios6, Apple unfortunately fragmented the ipad market for the first time, so now two separate versions of the code are needed to make pages display correctly in ios5 and ios6. The fix primarily dealt with that important issue, though not exclusively.

    Ok, lets try this first, and depending on how it looks we will go from there. Please add this to the bottom of your Quick CSS, located in the backend : Choices > Theme Options > Styling – on the bottom of the page

    .main_menu {
    margin: 9px 0;
    left: 25px;
    }
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .main_menu {
    position: static !important;
    margin: 9px -40px !important;
    width: 890px !important;
    }
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    select {
    position: relative;
    left: -235px;
    top: 15px;
    }
    }
    @media only screen and (max-width: 479px) {
    select {
    position: relative;
    left: -315px;
    top: 15px;
    }
    }

    It would be a fine idea if they would throw up a dev.their-domain.com private development version of the blog, where these things can be sorted out without inconveniencing visitors.

    We will deal with the indentation once we get this squared away , I started working on something after you first brought up the subject , though the colors and switch button are just there for testing, it could possibly function as an alternate drop-down menu for the mobile with indentation which you may be able to use. You can see it here http://jsfiddle.net/Nick_Wordpress/WQ7YH/ , but its a work in progress.

    Please let us know how it went,

    Thanks,

    Nick

    #97009

    Nick,

    it stop the menu from breaking/wrapping, but now the mobile drop-down menu disappears – it goes off too the left and is not showing at all on my phone? looks like it needs to be centered?

    thanks

    tom

    #97010

    Hi,

    I am taking a look now, it shouldn’t be doing that, I centered it as well. A moment please.

    From my previous directions, please *remove* the line that looks like

    left: -235px;

    and another line that looks like

    left: -315px;

    That should do the trick.

    Thanks,

    Nick

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Choices iphone menu issue’ is closed to new replies.