How can I change the cart icon and menu icon are on the same level?

Home › Forums › Jevelin Theme › How can I change the cart icon and menu icon are on the same level?

Home › Forums › Jevelin Theme › How can I change the cart icon and menu icon are on the same level?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    RESOLVED Posts

  • standbypics
    Participant

    Dear Customer support,

     

    On my Iphone 8 Plus, I noticed that the cart icon and the menu are not at the same level.

     

    how can I change that? (see the screenshot)

    I added the following CSS code in the Custom CSS code option theme:

     

    @media (max-width: 550px){
    .sh-header-mobile .container {
    max-width: 98% !important;
    }
    }

     

    This solved the visualization issue on my Google Pixel 2XL, but not in the Iphone 8 Plus.

     

    What is the solution?

     

    Many thanks and best regards

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @standbypics,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me your site URL where it’s displaying so that I can help you to achieve it?

     

    Best regards,
    Shufflehound team

    standbypics
    Participant

    Hi Thanks a lot for the quick answer, here the website address blog.standbypics.com

    Shufflehound Support
    Moderator

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width:448px){
#page-container li.menu-item.sh-nav-dropdown {
    margin-left: 20px;
}
li.menu-item.sh-nav-cart.sh-nav-special.sh-header-builder-main-element-cart {
    padding-right: 0;
}
}

    standbypics
    Participant

    Hi and thanks a lot for your answer… now it looks a bit better, but they are still on two different rows… would be great to have them on the same level in the top 🙂

     

    Is it possible to achieve that?

     

    I attach the current screenshot and the pics from my Pixel 2XL, so you can eventually see what is the result I want to achieve.

     

    Thanks again and have a wonderful day!

    Fabio

    Attachments:
    You must be logged in to view attached files.

    standbypics
    Participant

    Here the photo I couldn’t attach before 🙂

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    Please try changing above shared CSS code as following.

     

    @media (max-width: 448px){
li.menu-item.sh-nav-cart.sh-nav-special.sh-header-builder-main-element-cart {
    padding: 0 10px 0 0;
}
nav#header-navigation-mobile {
    min-width: 80px;
}
}

    standbypics
    Participant

    Great! That worked! thanks really a lot! 🙂

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)