-
AuthorPosts
-
April 23, 2015 at 7:06 am #433258
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 #433888Hey 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, 8 months ago by Rikard.
April 24, 2015 at 9:53 am #433999Hi there
Sorry it didn’t work :-)April 24, 2015 at 4:51 pm #434240Hey!
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 timesBest regards,
YigitApril 27, 2015 at 12:51 am #434939H there no its still not working.
How do I post a screenshot?
Cheers
April 27, 2015 at 8:44 pm #435599Hi!
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Best regards,
YigitApril 27, 2015 at 11:46 pm #435722April 29, 2015 at 12:53 pm #436620Hey!
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,
AndyApril 30, 2015 at 12:33 am #437138Woohoo!! 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 #437899Hey!
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,
RikardMay 1, 2015 at 5:39 am #437901Hi there
no that doesn’t seem to work :-(
May 1, 2015 at 3:16 pm #438119Hey!
Do you mind creating a temporary admin login and posting it here privately?
Regards,
YigitMay 2, 2015 at 4:56 am #438333This reply has been marked as private.May 3, 2015 at 10:04 pm #438597May 4, 2015 at 12:18 am #438642Excellent 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 #439417Hi there
The latest theme update seems to fix that issue.
Cheers :-)
-
AuthorPosts
- The topic ‘enlarged shopping cart icon in menu displays dropped down on mobile device’ is closed to new replies.