Shop & product page missing margin-top

Home Forums All Other Themes Shop & product page missing margin-top

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #225732
    MoMo
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: July 16, 2024

    Hello,

    I’m facing a bug on the Shop and single product page on the desktop. There is no space between Header and page content, so the top content of the page is not visible.
    Tried til yet: increasing the margin-top on the product single page (CSS) = doesn’t help.

    Now I created a separate Store page for testing until the bug is solved.

    I’m using SKT Trekking Pro – climbing WordPress theme.

    I hope you can help with this.

    Best regards,
    Munzir

    #225749
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30966
    • Total: 30966
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL and screenshots of your issues.

    Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Dave

    #225775
    MoMo
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: July 16, 2024

    Hi,

    here is the url to the shop page: https://autark-natur.com/shop/

    The screenshots are uploaded to:
    https://ibb.co/LJ9nHVR
    https://ibb.co/Z8D7PMD

    Thanks,
    Munzir

    #225811
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30966
    • Total: 30966
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .woocommerce-shop .header.type1, .woocommerce-shop .mywrap { position: relative !important;}
    .woocommerce-notices-wrapper, .woocommerce div.product { padding-top: 50px;}

    Regards,
    Dave

    #225832
    MoMo
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: July 16, 2024

    Hi Dave,

    thanks for your response.

    The code snippet works for the Shop page, but not for single product page (see screenshots).
    Also, there still no padding, plus I’m facing the same bug with Elementor when I’m trying to add new page.

    https://ibb.co/rvKX5Tz
    https://ibb.co/FYPzVK3
    https://ibb.co/mby1bJb

    Best regards,
    Munzir

    #225833
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30966
    • Total: 30966
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS code to fix single product page issue.

    .single-product .mywrap, .single-product .header.type1 {
      position: relative !important;
    }

    Regards,
    Dave

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