Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 23, 2015 at 7:06 am #433258
    xfacta

    Hi there

    I increased the size of the shopping cart icon that appears in the menu area however when i view the age on my mobile the icon is half in the menu area and half in the area below (so not inline anymore)

    This is the code I have used and here is the link to website:http://test.natashasolley.com – not sure if you can view on mobile or not.

    Cheers

    April 24, 2015 at 6:42 am #433888
    Rikard

    Hey xfacta!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 990px) {
.cart_dropdown_link span:first-child{
  margin-left: -70px !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 9 years, 7 months ago by Rikard.
    April 24, 2015 at 9:53 am #433999
    xfacta

    Hi there
    Sorry it didn’t work :-)

    April 24, 2015 at 4:51 pm #434240
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.responsive .logo img {
  max-width: 80%;
}}

    and header should look like this – http://i.imgur.com/4u8LVvx.png
    If that does not help, please post a screenshot and show the issue you are having. Please do not forget to flush browser cache and refresh your page a few times

    Best regards,
    Yigit

    April 27, 2015 at 12:51 am #434939
    xfacta

    H there no its still not working.

    How do I post a screenshot?

    Cheers

    April 27, 2015 at 8:44 pm #435599
    Yigit

    Hi!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    April 27, 2015 at 11:46 pm #435722
    xfacta

    Hi there

    here you go :-)
    https://dl.dropboxusercontent.com/u/75384760/Enfold/cart-icon.jpg

    Cheers

    April 29, 2015 at 12:53 pm #436620
    Andy

    Hey!

    try this code:

    @media only screen and (max-width: 990px) {
.cart_dropdown_link span:first-child {
margin-left: -40px !important;
bottom: 20px !important;
position: relative;
}}

    you need to adjust the values for “margin-left” and “bottom” until it looks good for you.

    Hope this helps. If not please provide us admin access, so we can have a deeper look into it.

    Regards,
    Andy

    April 30, 2015 at 12:33 am #437138
    xfacta

    Woohoo!! You guys rock!! Thanks so much that worked :-)

    Also when viewing site on a mobile the menu items I have placed in the socket area don’t show? I’ve created them as menus and have a tick beside “Enfold Child Footer Menu”.

    Cheers

    May 1, 2015 at 5:33 am #437899
    Rikard

    Hey!

    Please try the following as well:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
  display: block !important;
}
}

    Best regards,
    Rikard

    May 1, 2015 at 5:39 am #437901
    xfacta

    Hi there

    no that doesn’t seem to work :-(

    May 1, 2015 at 3:16 pm #438119
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    May 2, 2015 at 4:56 am #438333
    xfacta
    This reply has been marked as private.
    May 3, 2015 at 10:04 pm #438597
    Yigit

    Hey!

    Please review your website now.

    Best regards,
    Yigit

    May 4, 2015 at 12:18 am #438642
    xfacta

    Excellent that worked thank you :-)

    Why is there now an arrow/triangle showing on the left n=hand side of socket but eh copyright text thats when is a link to the contact page? And also the all the socket text doesn’t line up – the link text to the right is sitting higher). This is on a desktop computer not mobile.

    Cheers

    May 4, 2015 at 11:55 pm #439417
    xfacta

    Hi there

    The latest theme update seems to fix that issue.

    Cheers :-)

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘enlarged shopping cart icon in menu displays dropped down on mobile device’ is closed to new replies.