Home › Forums › WoodMart support forum › "Make it overlap" not work for single product page, Why?

"Make it overlap" not work for single product page, Why?

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 7, 2019 at 2:08 pm #106379

    alamina.moon
    Participant

    “Make it overlap” not work for single product page, Why?

    Attachments:
    You must be logged in to view attached files.
    February 7, 2019 at 2:09 pm #106384

    alamina.moon
    Participant

    First screen is wrong

    February 7, 2019 at 3:10 pm #106410

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Create a separate overlap header in the Header builder https://xtemos.com/docs/woodmart/header-builder/

    Navigate to the Theme Settings > Product page > Single product header > set the header

    Best Regards

    February 7, 2019 at 3:37 pm #106418

    Elise Noromit
    Member

    P.S. Please add this code to the Theme Settings > Custom CSS > Global: 

    .single-product .whb-overcontent {
	padding-top: 0!important;
}

    Best Regards

    February 7, 2019 at 5:31 pm #106447

    alamina.moon
    Participant

    Not work? look at screen

    Attachments:
    You must be logged in to view attached files.
    February 7, 2019 at 5:34 pm #106451

    alamina.moon
    Participant

    look at category page

    Attachments:
    You must be logged in to view attached files.
    February 7, 2019 at 6:35 pm #106463

    Elise Noromit
    Member

    Hello,

    You need to make a transparent header https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

    And take into consideration this type of header overlays the content.

    Best Regards

    February 8, 2019 at 7:25 am #106509

    alamina.moon
    Participant

    Hi, header of my site is transparent, and type of header is overlays, and it works on main page, category page but not works on single product page.

    Attachments:
    You must be logged in to view attached files.
    February 8, 2019 at 7:41 am #106513

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access into the private area

    Best Regards

    February 18, 2019 at 7:28 am #108071

    alamina.moon
    Participant

    Here is access

    February 18, 2019 at 8:36 am #108093

    Elise Noromit
    Member

    Hello,

    You have not added the code provided to the Theme Settings > Custom CSS > Global:

    .single-product .whb-overcontent {
	padding-top: 0!important;
}

    Please add it.

    Best Regards

    February 18, 2019 at 8:45 am #108094

    alamina.moon
    Participant

    I added it and let’s look at single product’s page now.

    Attachments:
    You must be logged in to view attached files.
    February 18, 2019 at 9:01 am #108105

    Elise Noromit
    Member

    Hello,

    Yes, now the header overlays the content. Such header is usually applied to a row with a video background or slider. Switch back to default header not to overlay.

    Best Regards

    February 18, 2019 at 11:42 am #108135

    alamina.moon
    Participant

    Now header is disable overlay, but i need to make this like on main page or on category’s page. May you help me?

    February 18, 2019 at 11:45 am #108136

    alamina.moon
    Participant

    .single-product .main-page-wrapper {background-color: transparent; padding-top: 220px;}

    is it right?

    February 18, 2019 at 3:37 pm #108199

    Elise Noromit
    Member

    Hello,

    Now your product page tort-pan-0010012/ looks like the category page svadebnye-torty/

    If you want to have something like this /detskie-torty/ create HTML block with the full-width row and background image and choose the HTML block in the Extra content block of EXTRA CONTENT OPTIONS in the product page and set Extra content position: Before Content

    Best Regards

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)