Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 17, 2021 at 2:40 pm #1325307
    ClimbingSocks

    Hi,

    with the help of this thread I have realized a sticky orange add to cart button on our German single product page on mobile screens.

    Now, I would like to achieve the same with our English single product page. How can I achieve this?

    I tried

    @media only screen and (max-width: 767px) {
.postid-6555 button.single_add_to_cart_button {
    position: fixed;
    bottom: -21px;
    left: 0;
}
ul.wc-tabs {
    z-index: 0 !important;
}
}

    But it did not work.

    Many thanks for further help.

    Magnus

    October 17, 2021 at 10:56 pm #1325334
    Mike

    Hey ClimbingSocks,
    Your code above works correctly when I inject it via the browser so it should work on your site. Perhaps you have an error in your custom stylesheet such as a missing bracket.
    Please try the code in the WordPress ▸ Customize ▸ Additional CSS field to see if it works then, if not then please include an admin login in the Private Content area so we can check.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    October 18, 2021 at 8:53 am #1325367
    ClimbingSocks

    Hi Mike,

    thanks for your answer.
    What exactly do you mean with WordPress ▸ Customize ▸ Additional CSS?
    Do you mean Theme Options -> General Styling -> Quick CSS instead?

    I have added the code there for the english single product page:
    https://climbingsocks.com/wp-admin/admin.php?page=avia&lang=en&admin_bar=1

    But nor result.

    See private content for login credentials.

    Many thanks for further help.

    Best regards,
    Magnus

    October 18, 2021 at 11:39 am #1325393
    ClimbingSocks

    This problem is solved. I forgot to close my comment in the CSS.

    `

    October 18, 2021 at 11:44 am #1325396
    Mike

    Hi,
    Thank you for the login, you had an un-closed comment tag in your css, I corrected and now it’s working
    2021-10-18_003.jpg

    Best regards,
    Mike

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