This topic is: resolved

iphone tab nav fix

  • Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years, 2 months ago

    Hey again,
    I’ve tried to locate but cannot find where to fix the icons left/right spacing on the tabs menu (there are 4). On my iphone the spacing is too much and the fourth falls off the screen.

    Please look at the tabs by clicking on benefits in a smartphone and see the issue:
    http://katycreative.com/clients/seldon/

    thanks in advance

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 4 years, 2 months ago

    Hi there

    Remove this line from your style.css on line 1725
    padding:7px 60px 0 60px;

    Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years, 2 months ago

    thanks but I just removed that line because I was looking at it and it seems to make no difference (I’ve cleared and refreshed) on my iphone.
    http://katycreative.com/clients/seldon/

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 4 years, 2 months ago

    But i can see it correct on small screen http://drops.imithemes.com/jj8w
    Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years, 2 months ago

    I see it looks correct when I am looking at small screen browser window on my PC and MAC but do you have any smartphone you can review please? I am looking at it through my iphone 6s latest safari. thanks for helping

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 4 years, 2 months ago

    Hmmm.. i see, can you try this style.css http://drops.imithemes.com/12u16 Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years, 2 months ago

    I replaced the style sheet with the one you sent and posted. Does not seem to work still in my iphone after refreshing. I’ll have to test on android somehow. Can you think of any other fixes for this? http://katycreative.com/clients/seldon/

    Also second, I’d like the mobile menu to auto collapse down after the user chooses an option. I see that it could be not as common sense to click it again to close it. Do you have a simple code to add for making it collapse back down after the user chooses the link? thanks!

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 4 years, 2 months ago

    use this style.css http://drops.imithemes.com/wpD4

    For other question please create a separate thread. Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years, 2 months ago

    I just wondering if you had looked into the issue with viewing tabs on smartphone. Also please let me know if there is a way to auto collapse the mobile menu after the user selects a link. thank you

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 4 years, 2 months ago

    Did you try the style.css i sent yesterday? I make the changes in this by inspecting the site on the iPhone6.

    I will look for any solution i can provide for the menu closed on links click.

    Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years, 2 months ago

    Thank you this worked! I will start a new thread for other question 🙂

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 4 years, 1 month ago

    Great! Thanks

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

You must be logged in to reply to this topic.