Docs

[mitchghost]

Hi,

I have installed woocommerce but the pages are not displaying correctly. I have also updated the templates pages but it is not recognizing the updates.

Thanks

[Rupok]

Hi there,

We would like to check your current setup. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[mitchghost]

This reply has been marked as private.

[Rad]

Hi there,

Please remove this custom CSS

.hentry .entry-wrap {
    padding-top: 3000px !important;
}

It’s pushing the content outside the viewport.

And you shouldn’t add absolute positioning to your navbar, it will overlap with content layout.

.x-navbar {
    position: absolute;
    width: 100%;
    top: 20;
    bottom: 50 background-color:transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}

Thanks!

[mitchghost]

Thank you. Happy New Year.

[Rad]

You’re welcome! Happy new year 🙂

[mitchghost]

Hi.. just one last thing before it’s a happy new year.. 😀

how can I push the body down?

Thanks

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.woocommerce-cart .x-navbar {
   position:static;
}

Hope that helps.

[mitchghost]

Can I get the CSS format for the store and the product pages as well. Is it?

.woocommerce-product .x-navbar {
position:static;
}

.woocommerce-store .x-navbar {
position:static;
}

I need the content to be overlapping on the other pages. because of the full background images. but not in the woocommerce pages.

Thank you very much in advance.

[Paul R]

Hi,

You can try this code instead.

.woocommerce-page.x-navbar {
   position:static;
}

Hope that helps.

[mitchghost]

This reply has been marked as private.

[Christopher]

Hi there,

To fix the header issue, find this code :

.x-navbar {
    position: absolute;
    width: 100%;
    top: 20;
    bottom: 150 background-color:transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}

And update it to :

@media (min-width:979px){
.home .x-navbar {
    position: absolute;
    width: 100%;
    top: 20;
    bottom: 150 background-color:transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}
}

The code will be applied only on home page.

Remove following code as well :

@media (min-width: 979px){
#top > footer.x-colophon.bottom {
    position: absolute;
}
}

Hope it helps.

[Author]

Posts