I have just started with a magento website with a templatemonster theme. I am having a problem with whitespace at the top of the page above the header. See url: http://testnation.eu/magento/index.php/

Can anyone advise how to get rid of this?

3 Answers 3


There is an extra < p > tag in the content that is causing extra space. style.css 491

p {
    margin: 0 0 10px;

extra <p> tag

    <script type="text/javascript">// &lt;![CDATA[
                alignmen: 'topCenter',
                height: '65%',
                minHeight: '100px',
                loader : false,
                navigation: true,
                fx: 'simpleFade',
                thumbnails: false,
                playPause: false,
                onEndTransition: function() {
                    jQuery('.camera_caption h4').removeClass('animated');
                    jQuery('.camera_caption h4').addClass('animated'); 
                    jQuery('.camera_caption span').removeClass('animated');
                    jQuery('.camera_caption span').addClass('animated');
                    jQuery('.camera_caption a').removeClass('animated');
                    jQuery('.camera_caption a').addClass('animated');
    // ]]&gt;</script>
  • Thank you. Where exactly do I need to remove the extra <p> tag...? In styless.css or? Thanks for your help. Commented Dec 2, 2016 at 11:29
  • Actually sorted it now. Thank you for your assistance. Commented Dec 2, 2016 at 11:31
  • @ScottHumphris if you find this answer help kindly accept the answer Commented Dec 2, 2016 at 11:31

If you're on Magento1 check your theme's [...]/template/page/html/head.phtml to see if there aren't any leading whitespace.


For the quick fix you can do

html, body {
height: 100%;
margin-top: -10px;

Then you should dig, from where the margin gets applied.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.