Okay
  Public Ticket #2110031
sticky header
Closed

Comments

  • BRINCOURT started the conversation

    Hi, 

    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. 

    Maxime 

    Attached files:  Picture 1.PNG
      Picture 2.PNG

  •  896
    Linh replied

    Hi

    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%;
    }
    }
    

    Thanks

  • BRINCOURT replied

    Hello, 

    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

  •  896
    Linh replied

    Hello

    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;
    }
    }