Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 24, 2016 at 3:14 pm #588417
    fkf44

    Hi Guys,
    I could not find a thread who solves my needs, so hope you can help me!
    I use the mobile menu also as desktop version and I would like to show the Woo Cart icon on the left hand side of the mobile menu (permanent) without overlapping the main menu icon.
    The ideal space between both icons (is like shown in the PDF = iPhone 6 Plus vertical)

    In the private content you will find a screenshot, how the icons currently flow (dropbox)

    Hope my explanation is clear for you guys.
    Thanks a ahead
    Cheers
    Mike

    February 24, 2016 at 4:03 pm #588454
    Andy

    Hi fkf44!

    can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

    Regards,
    Andy

    February 24, 2016 at 4:42 pm #588483
    fkf44

    Hi Andy,
    thanks for your quick response!
    The URL is under Private content.
    Thx
    Mike

    February 25, 2016 at 12:16 pm #588979
    Andy

    Hey!

    your dropbox link from first post does not work anymore. We need to check what you mean exactly, cause your site with woo cart is showing up fine for me. I can’t see any issue.

    Best regards,
    Andy

    February 25, 2016 at 12:46 pm #589007
    fkf44

    Hi Andy,
    sorry, the PDF is back on dropbox!
    I want to have both icons shown all the time (incl. same space between the icons) as under the Pic “IPhone 6 Plus vertical”. Does not matter if it´s shown on desktop versions or mobile. As you can seen on the other pictures, the “main menu icon” remains always on the same position, but the cart icon floats. Hope I properly described it, because I’m a beginner in HTML/CSS so I’m not used to the HTML/CSS language, sorry!
    Best regards
    Mike

    February 25, 2016 at 1:16 pm #589027
    Andy

    Hey!

    currently you are using this code:

    @media only screen and (min-width: 480px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
right: 18%;
}}

    Change right value to 9% for example for desktop.

    For iPad use this code:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
right: 15%;
}}

    So basically you just need to adjust the media queries for different browser sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Cheers!
    Andy

    February 25, 2016 at 2:08 pm #589072
    fkf44

    Thx Andy!
    Appreciate your quick response and the added link!
    Cheers
    Mike

    February 25, 2016 at 2:29 pm #589095
    Andy

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Regards,
    Andy

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