Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #783150

    Hi Guys,
    I’ve scoured the forum and tried a couple of combinations but I can’t seem to get the css correct to remove the header fully and the footer for one single product page. I can see for a product I need to use “post-id-###” and tried the following…

    .post-id-5527 #header {
    display: none!important;
    }

    but still can’t find the right formula… can you genius’s help!

    LINK TO PRODUCT: http://www.henningdaverne.dk/butik/uddannelse-meditation-mindfulness-vejleder/

    #783434

    Hey Annemarie,

    Please try this instead:

    .postid-5527 #header {
    display: none!important;
    }

    Best regards,
    Rikard

    #783439

    Thanks Rikard but this didn’t work either. Tried these too:-

    .postid-5527 #header_main_alternate {
    display: none!important;
    }
    .postid-5527 #header_main {
    margin-bottom: 0;
    display: none!important;
    }

    .postid-5527 #header {
    display: none !important;
    }
    .postid-5527 #main {
    padding-top: 0px !important;
    }

    #783571

    Hi Annemarie,

    Can you add this code as well?

    .postid-5527 #header-right, .postid-5527 #footer {
    display: none!important;
    }
    

    I included your footer, too, since you mentioned it in your original post.

    If that doesn’t work, can you show us a screenshot of what you can see, as well as temporary login access into your site so we can take a closer look?

    Best regards,
    Sarah

    #783924

    Hi Sarah,

    Thank you for your input (and picking up on the footer info)…. the client has decided to create a page rather than use the product page as the “landing page” so he can avail of the settings to hide header, footer etc. more easily so this request is concluded.

    For the purpose of anyone else reading, he only tried to put all the information in the product card (which was effectively becoming a long landing page) because it was the only way he could make use of the product widget that chooses quantity and clicks the button to “add to basket”… so I gave him the code below which he could put into a code block and use on a page or post.

    (**Note: Re the code below, the number “5527” is the product id which must be replaced with the product id you are using).

    <form class=”cart” method=”post” enctype=”multipart/form-data”>
    <div class=”quantity”>
    <input class=”minus” value=”-” type=”button”>
    <input class=”input-text qty text” step=”1″ min=”1″ max=”” name=”quantity” value=”1″ title=”Stk” size=”4″ pattern=”[0-9]*” inputmode=”numeric” type=”text”>
    <input class=”plus” value=”+” type=”button”>
    </div>
    <button class=”single_add_to_cart_button button alt” type=”submit” name=”add-to-cart” value=”5527″>Tilføj til kurv</button>
    </form>

    #783928

    Thank you for sharing, Annemarie!

    Do let us know here in the forums if you need help with anything else.

    Best regards,
    Sarah

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide header and footer on a single product’ is closed to new replies.