Product Detail content position

Entrada WP Theme
#1

Hi,

I modified the logo header height and centered the logo.

But now, when I click through the product detail tabs, the content always go higher than it should do,

I have looked everywhere for a looooong time, but I really couldn’t find where to edit the code for this position.

Can you give me a little clue please?

Here is the page:

http://www.clara7.com.tw/product/mountain-biking-trip/

Thank you very much,

Erin

#2

Hello Erin,

If you mean the page template responsible for tour detail page, the file is wp-content >> themes >> estrada >> woocommerce >> content-single-product.php

You can copy this file inside entrada-child >> woocommerce and customize it to suit your requirements.

Thank you

#3

Hi,

I don’t think this is the page for me to edit the sticky tab effect.

Since the logo is centered and the header is taller now. It blocks the tab navigation and its content.

I have been trying to edit the file “vendors>sticky-kit>jquery.sticky-kit.min.js”, and “js>sticky-kit-init.js”.

For the code below, I changed offset_top:70 to offset_top:165. And the tab navigation does stick right below the sticky primary navigation. However, when I tried to switch tabs, the tab content go higher than it should, and get blocked by the tab navigation. I really couldn’t find where to fix the tab content position… is “vendors>sticky-kit>jquery.sticky-kit.min.js” the right file to look at? Can you give me a little clue please? Thank you very much,

$("#sticky-tab").stick_in_parent({
sticky_class: ‘is-stuck’,
offset_top: 70
});

http://www.clara7.com.tw/product/mountain-biking-trip/

Erin