Product Page - by Pedro Orfila - on WordPress WooCommerce support

This topic has 9 replies, 4 voices, and was last updated 3 years, 2 months ago ago by Olga Barlow

  • Avatar: Pedro Orfila
    Pedro Orfila
    Participant
    February 16, 2021 at 18:44

    Good afternoon,

    How can I separate and leave a blank space on the product page, between the Header and the product. Right now, the product is behind the Header and the information is not complete..

    I want to attach an image so that you can see it, but it won’t let me, or I don’t know how to do it.

    Header
    Space
    Product

    thanks

    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 16, 2021 at 19:49

    Hello,

    Could you provide temporary wp-admin access?
    Lightshot screenshot tool can be used to take screenshots and share them.

    Regards

    Avatar: Pedro Orfila
    Pedro Orfila
    Participant
    February 16, 2021 at 20:04

    Here you have the screenshot and the wp data

    captura de pantalla
    It’s in the product page

    Please contact administrator
    for this information.
    Avatar: Muhammad Zaki
    Muhammad Zaki
    Support staff
    February 16, 2021 at 20:46

    Hello!

    You can fix the issue with help of the below CSS code. You just have to add it to the custom CSS section of theme options. But it should not happen and if you allow me and share the FTP details we can debug the issue to find the reason.

    .single-product .content-page.container {
        padding-top: 12% !important;
    }

    Thank you!

    Avatar: Pedro Orfila
    Pedro Orfila
    Participant
    February 17, 2021 at 08:46

    Hello thank you very much!
    I don’t know what the FTP details are, could you tell me?

    Avatar: Pedro Orfila
    Pedro Orfila
    Participant
    February 17, 2021 at 11:37

    The problem is in all the pages, if I create a new one it also happens.

    We will have to correct the FTP as you say!

    thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2021 at 11:38

    Hello,

    Delete the previous custom CSS code.
    You just need to disable Header overlap in Theme Options > Header builder https://prnt.sc/zuccj7 , and add margin for Main header – https://prnt.sc/zucbng

    Regards

    Avatar: Pedro Orfila
    Pedro Orfila
    Participant
    February 18, 2021 at 18:42

    Hello, thanks for the solution yesterday!

    Now I have problems with the Header Builder, I make changes in the editor of the header builder in mobile and in Destktop and in the mobile they are not updated, in the preview of the editor yes, but in the web browser not!

    In addition there is also a problem with the “Promo text” I change them in the normal menu and they are changed, but then in the menu of the “home page” those of the normal menu appear again in the text editor, but in the preview I get the old texts and I can’t change them!

    Any solution?

    Thanks!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 18, 2021 at 19:16

    Hello,

    Do you use multiple headers https://prnt.sc/10037f7 ? Did you create the separate header for the home page? Make sure that you make changes for both headers you have.
    Watch video tutorial on how to edit multiple headers https://youtu.be/BpeXfzNwkOc

    Regards

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.