Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #541479

    Hi

    On screen sizes such as iphone 5s, my header wraps in the wrong place.

    http://screencast.com/t/JkUGbx4I

    I want ot to wrap so My Account and Logout move down to the next line together.

    On screen sizes max-width 480px.

    #541485

    Hey richardelectrix!

    I checked your website on my iphone 5s and this is how it looks like on my end. Can you please flush browser cache and refresh your page a few times?

    Best regards,
    Yigit

    #541486

    Hi

    Yes but once you are logged in, you then have a My Account link and a Logout link which then makes it too wide for one line on a 5s.

    Please try logging in with the details below.

    Also while you are logged in if you go to my account are you able to tell me how to get a left border on the quote list?

    Thanks

    #541497

    Hi!

    I cannot login because of your IP restriction. Can you please disable it temporarily?

    Cheers!
    Yigit

    #541500

    Hi

    It should allow you to log in to the front end.

    #541511

    Hi!

    Yes, sorry my bad. Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
    .responsive #header_meta .sub_menu>ul>li {
        padding: 0 4px;
    }}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Can you please post a screenshot and show where you would like to add a border?

    Best regards,
    Yigit

    #541515
    #541518

    With regards to the My Account and Logout, the reason why I wanted it to wrap onto the next line is because when we translate the site into french and german, their words are longer, so reducing the padding wont work necessarily with them.

    #541524

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    .my_account_orders  td {
        border-left: 1px solid #e2e2e2!important;
    }}

    Regards,
    Yigit

    #541644

    Thanks that works.

    Do you have any suggestions for the issue re My Account | Logout?

    #542839

    Hey!

    We can’t see the account link if we can’t login to the site. Please inspect the element then give us the menu item id of the my account and logout menu items. Apply this css code to the selectors:

    @media only screen and (max-width: 767px) {
    #menu-item-19223 {
        width: 100%;
    }
    }

    Change 19223 to the id of the actual menu item.

    Cheers!
    Ismael

    #543019

    Hi

    That almost works, except there is a | that is flotaing to the right when viewed on mobile.

    http://screencast.com/t/rY3L4hrRE

    #543022

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    #top .sub_menu li {
        border: none;
    }}

    Regards,
    Yigit

    #543025

    Once again, thanks guys.

    Really appreciate all the help you have given!!

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

The topic ‘My Account Logou Header on Mobile’ is closed to new replies.