Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 8, 2019 at 11:44 am #1108426
    jpluedtke

    Hi,

    I’m searching for a solution to replace the logo through the shopping cart.
    The main logo is realized with a widget area. The header is “logo right, menu left”.

    Any ideas how i can do that?
    Thanks a lot.

    Greetings
    Jacob

    • This topic was modified 5 years, 8 months ago by jpluedtke.
    June 9, 2019 at 2:44 pm #1108586
    Mike

    Hey jpluedtke,
    Thanks for the screenshot and link, Try adding this code to the end of your functions.php file in Appearance > Editor:

    function ns_custom_script(){
  ?>
  <script>
(function ($) { 
  $(window).load(function(){
  $( "#menu-item-shop" ).appendTo( ".inner-container" );
  $("#menu-item-shop").css({ 'float': 'right' });
  $(".cart_dropdown").css({ 'border-width': '0px' });
  $("span.logo").css({ 'display': 'none' });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ns_custom_script');

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    June 9, 2019 at 9:30 pm #1108696
    jpluedtke

    Hi Mike,
    thank you so much for your help.

    How can I fix the mobile view of it ? The icon to the left of the burger menu would be nice.

    June 9, 2019 at 10:34 pm #1108703
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
#menu-item-shop {
margin-right: 50px !important; 
}
}

    Best regards,
    Mike

    June 11, 2019 at 12:10 pm #1109100
    jpluedtke

    Hi Mike,

    I modified your code a bit and then it works. Thanks a lot!

    I have one last problem with the view on tablets/ipad. I will explain it with screenshots:


    Only on ipad/tablet view the cart is too big (height 89px instead of 35px). I dont have any idea how this is possible. When I change to responsive view with same width it works perfectly.

    Thank you for your help!

    June 14, 2019 at 3:10 am #1110163
    Mike

    Hi,
    Odd, I can’t recreate this. Please see the screenshot in Private Content area. Do you have an iPad to check if the cart issue is really happening?

    Best regards,
    Mike

    June 14, 2019 at 10:49 am #1110270
    jpluedtke

    Hi Mike,

    i found a solution.
    The cart was displayed wrong because of this configuration: http://prntscr.com/o1qd9t
    Furthermore I add:

      #menu-item-shop .cart_dropdown_link{
    line-height: 35px !important;
  }

    Thread can be closed.

    June 14, 2019 at 7:39 pm #1110443
    Victoria

    Hi jpluedtke,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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