Public Ticket #2110031
sticky header


  • BRINCOURT started the conversation


    I would like to know how to let the header as on the picture 1 attached ? 

    When I scroll on my phone, the header change and the cart and wishlist pictos go up to the right corner.  

    Thank you for your help. 


    Attached files:  Picture 1.PNG
      Picture 2.PNG

  •  1,291
    Bryan replied


    The problem is your mobile logo is too big so there is no enough place to display cart icon. This code will help you change it:

    @media (max-width: 768px) {
    .sticky-header.is-sticky .site-logo {
        width: 25%;


  • BRINCOURT replied


    I have a problem with the logo of the iPad version as you can see attached.

    It is displayed correctly when I put it in very small size but it is impossible to have a good image quality in this dimension.

    How can I solve that ?

    Thank you.  

    Attached files:  IMG_0106.PNG

  •  1,291
    Bryan replied


    You can try this code to control the logo site in Ipad version

    @media (min-width: 768px) and (max-width: 992px) {
    .site-header .site-logo img {
        max-width: 200px;