page overlap problem

[linniedarling]

I have two product types, the Product - General and Document - General

I am using the Document - General for free pdf downloads. I had some customization done for this but unfortunately the developer did not test how things would look. The PREV/NEXT split page navigation is at the top of the page and clobbers the main product image.

As a temporary fix I'd like to disable the split page navigation only on the Document - General products OR move the buttons below the description. The top/bottom/both setting within the Configuration->Product Listing settings will not work since there is no price or quantity to hold the place on the page. In other words the PREV/NEXT is always at the top because there is nothing above it.

I've looked at the tpl_document_general_info_display.php (in the templates override area) and found an area that looks promising but my attempts aren't working. I've also poked at the stylesheet.css but it seems there's only a generic display that is common to all pages, .navSplitPagesResult {}.

I'd like to fix this in the most appropriate place. Does anyone have any ideas?

[stevesh]

Probably, if we could see the site. Styling questions are almost impossible to answer without seeing the problem in action.

[linniedarling]

Absolutely! Site is linniedarling.com

a free download product (Document - General) with the buttons up high and banging into the photo: http://linniedarling.com/knit-croche...-free-download

[gjh42]

If your image/content height is consistent for this product type, or has a definite maximum, you can just add this rule to your stylesheet:

#docGeneralDisplay .navNextPrevWrapper {position: absolute; top: 32em; left: 50%;}

Adjust to taste.

[linniedarling]

Many thanks gjh42! That did the trick.