Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 24, 2015 at 11:21 am #541479
    richardelectrix

    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.

    November 24, 2015 at 11:39 am #541485
    Yigit

    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

    November 24, 2015 at 11:42 am #541486
    richardelectrix

    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

    November 24, 2015 at 12:13 pm #541497
    Yigit

    Hi!

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

    Cheers!
    Yigit

    November 24, 2015 at 12:18 pm #541500
    richardelectrix

    Hi

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

    November 24, 2015 at 12:28 pm #541511
    Yigit

    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

    November 24, 2015 at 12:33 pm #541515
    richardelectrix

    Hi

    http://screencast.com/t/h4GlFHyt

    November 24, 2015 at 12:35 pm #541518
    richardelectrix

    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.

    November 24, 2015 at 12:45 pm #541524
    Yigit

    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

    November 24, 2015 at 2:41 pm #541644
    richardelectrix

    Thanks that works.

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

    November 26, 2015 at 4:43 am #542839
    Ismael

    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

    November 26, 2015 at 11:53 am #543019
    richardelectrix

    Hi

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

    http://screencast.com/t/rY3L4hrRE

    November 26, 2015 at 11:59 am #543022
    Yigit

    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

    November 26, 2015 at 12:03 pm #543025
    richardelectrix

    Once again, thanks guys.

    Really appreciate all the help you have given!!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘My Account Logou Header on Mobile’ is closed to new replies.