Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 25, 2016 at 2:42 pm #677529
    EverydayAlternative

    Hi!

    On the smartphone view, the cart button and menu button are overlapping a little and the cart button is sitting higher than the menu button. Is it possible to move the cart button around to correct this? As I have a centered logo, my preference would be for the cart button to be on the left side of the logo. Not sure if it makes a difference but I have set the shopping cart button to display on smartphones only.

    Also, is it possible to add a border to the cart button so that it looks more like the menu button?

    Thanks for your help!

    Kind regards
    Nicole

    August 29, 2016 at 2:34 pm #678921
    Yigit

    Hey EverydayAlternative,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.responsive #top #menu-item-shop .cart_dropdown_link > span:nth-child(1) {
    border: 1px solid #e2e2e2;
    padding: 14px;
    border-radius: 2px;
}
.responsive #top .cart_dropdown { 
right: auto;
left: -50px;
}}

    Best regards,
    Yigit

    August 31, 2016 at 6:25 am #679815
    EverydayAlternative

    Hey Yigit

    Thanks so much! That worked really well! The cart icon is almost in the correct spot now. It is just sitting a fraction to close to the top of the page. Would it be possible to move it downwards a little bit?

    Thanks again!

    Kind regards

    Nicole

    August 31, 2016 at 2:47 pm #679980
    Yigit

    Hi Nicole,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) { 
.responsive #top #menu-item-shop .cart_dropdown_link > span:nth-child(1) {
    position: relative;
    top: 3px;
}}

    Best regards,
    Yigit

    • This reply was modified 8 years, 3 months ago by Yigit.
    September 1, 2016 at 6:25 am #680488
    EverydayAlternative

    Hey Yigit

    That works perfectly and everything is looking awesome!

    Thanks so much for your help!

    Kind regards

    Nicole

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Shopping cart button overlapping menu on smartphone and out of alignment’ is closed to new replies.