Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1341768

    Hi

    I have a problem with my single product page.
    When it is viewed on mobile the “add to baske” button is cut of, and it is dificult to choose a variation on the product. This is only on the mobile version. Also the burger menu is on top of the logo at the top of the page, and the left side menu is pushed down under the product. Can you pls. help. me fix this problem.

    Best regards
    Katrine

    #1341798

    Hi Katrine,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .responsive #top .cart_dropdown {
        z-index: 1;
    }
    .responsive #top .logo {
        width: 45%;
    }
    }

    Best regards,
    Rikard

    #1341803

    Hi Rikard

    Thank you so much, the code worked on the menu, but not on the product page.

    Best regards
    Katrine

    • This reply was modified 2 years, 9 months ago by Humle.
    #1341861

    Hi,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    @media only screen and (max-width: 480px) { 
    #top .variations_form > table .label, #top .variations_form > table .value {
      display: block;
    }
    .single_variation_wrap {
      margin-left: 0;
    }
    #top .variations td:nth-child(2) {
      padding-left: 0;
    }
    }
    

    Best regards,
    Yigit

    #1341866

    Hi Yigit
    Thank you for your mail, unfortunately the code didn’t change anything. Is it possible to do something else?

    Best regards
    Katrine

    #1342069

    Hi Katrine,

    Could you please clear browser cache on your mobile device and check once again? It does work fine on my end. I attached a screenshot in private content field below :)

    Best regards,
    Yigit

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