Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 13, 2017 at 12:41 am #746069
    tremblayly

    Hi
    Search the topics but could not find a solution to my issue.

    Is is possible to move the cart icon appearing on my iPhone to the right edge of the device.?

    Getting ready to launch new website by next weekend, so would like to have this fix before then if possible.

    Here’s a link to my website: https://silviafindings.wpengine.com/

    Thank you
    Lyse

    February 14, 2017 at 9:51 pm #747123
    Nikko

    Hey tremblayly,

    Try adding this css code in Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top .cart_dropdown {
    margin-right: 0 !important;
  }
}

    Let us know if this helps.

    Best regards,
    Nikko

    February 14, 2017 at 10:04 pm #747129
    tremblayly

    Hi Nikko,

    This did not move the icon. The icon seems to be attached to the right edge of the menu bar, not the page screen width.

    Thanks
    Lyse

    February 14, 2017 at 11:04 pm #747171
    Nikko

    Hi,

    Try to clear the browser cache and check it again, if it’s still not good, can you post a screenshot?

    Cheers!
    Nikko

    February 15, 2017 at 2:03 am #747242
    tremblayly

    Hi Nikko,

    I did clear the browser, but it does not change the icon placement.

    Here’s a link to a screenshot: https://www.dropbox.com/s/7402dtq3rvhtjzh/iphone%20cart%20icon.PNG?dl=0

    Thank you
    Lyse

    February 17, 2017 at 10:34 pm #748672
    Nikko

    Hi!

    Try to replace the code I gave you:

    @media only screen and (max-width:767px) {
  .responsive #top .cart_dropdown {
    margin-right: 0 !important;
  }
}

    To this one:

    @media only screen and (max-width:767px) {
  #top #header_main {
    z-index: 20;
  }

  .responsive #top .cart_dropdown {
    margin-right: 0 !important;
    top: -100px !important;
    right: 1% !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    February 18, 2017 at 2:30 am #748734
    tremblayly

    Hi Nikko

    That worked perfectly once I adjust the icon to be positioned where I wanted it!

    Thank you so much for your great support
    Lyse

    February 18, 2017 at 5:04 pm #748853
    Nikko

    Hi Lyse,

    Glad we could help :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.