Docs

[argonstudios]

Hello,

The page navigation bar/bullets at the bottom of the page on the woocommerce portion of my renew stack moves from page to page.
http://screencast.com/t/sneRc8ikhx5q

This issue is happening across the site and on some pages it is in the middle and on others it is on the side a bit.

Can the page navigation bar/bullets be stationary at the bottom right at all times?

[Rupok]

Hi there,

Hope you are doing well. I guess some CSS causing this and to find out the issue, we need your URL.

Cheers!

[argonstudios]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-pagination {
    clear: both !important;
}

Let us know how this goes!

[argonstudios]

Nabeel,

Your css code is not working. The page navigation bullets are still moving all over the place at the bottom of different pages on the site. Can you have another look please?

Thank you.

[Thai]

Hi There,

I couldn’t find the provided CSS in your website.

Could you please provide us with your admin account so we can take a closer look.

Thanks.

[argonstudios]

Not sure why you couldn’t find this with your own software and the link, but here it is below. Please advise on this as soon as possible.

//MENU CUSTOMIZATIONS
body .x-navbar .desktop .x-nav > li > a:hover > span, body .x-navbar .desktop .x-nav > li.current-menu-item > a > span {box-shadow: none !important;}
.x-navbar .sub-menu {
    background-color: #fafafa !important;
}

.x-navbar .desktop .x-nav li>a>span:after {
display: none !important;
}

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none;
}
.x-navbar .sub-menu {
	font-size:15px;
  background-color: #FEF0E0 !important;
}

.x-navbar .mobile .x-nav li > a {
  background-color:#FEF0E0;
}
.x-navbar .mobile .x-nav {
  background-color:#FEF0E0;
}

//MENU FONT SPACING

//PRODUCT BACKGROUND
.x-img-thumbnail {
   border:0px;
   background-color: transparent;
}
.woocommerce div.product .images .x-img-thumbnail {
background-color:transparent;   
padding:0px;
}

//PRODUCT BORDER
.site {
  background-color: #FFFFFF;
}
.widget ul li, .widget ol li {
 background-color: #FFFFFF;
}
.single-post .entry-wrap {
background-color: #FFFFFF;
}

element.style {
  background-color:#FFFFFF;
}

.x-section {
    background-color: #FFFFFF  !important;
}

div#top {
  background-color: #FFFFFF;
}

.entry-thumb img {
  background-color:#FFFFFF;
}

.x-img-thumbnail {
  border: 0px;
}

//PRODUCT TITLES
.woocommerce li.product .entry-header {
    text-align: center !important;
}

// PRODUCT PAGE HIDE CATEGORIES AND TAGS
.sku_wrapper {
  display: none !important;
}
.tagged_as{
  display: none;
}
.posted_in{
  display: none;
}
.entry-content {
  font-size:17px;
}

//BACKGROUND COLORS CUSTOMIZATIONS

.single-product .x-img-thumbnail {
    border-width: 0;
}

.single-product a.x-img-thumbnail:hover {
    box-shadow: none;
}
.entry-featured {
    border: none !important;
    background: none !important;
}

// SEARCH CUSTOMIZATIONS
.search-results .entry-featured {
width: 100%;
}
.search-results article {
    display: inline-block;
    width: 24%;
    padding: 10px;
}
.p-meta {
  display: none;
}
.entry-content.excerpt p {
 display: none;
}
.x-main {
  width:100%;
}

a.entry-thumb {
    background-color: transparent !important;
}
.entry-title {
  font-size:100%;
}

// SEARCH TRUNCATE TITLE
.search-results .entry-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
// SEARCH TITLES ON BOTTOM
.search-results h2.entry-title {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

// MOBILE BACKGROUND
.x-nav-wrap.mobile {
  background-color:#FEF0E0;
}

//MOBILE LAYOUT SEARCH
@media (max-width: 767px) {
    .search-results article {
        width: 50%; 
        float: left;       
    }
}

@media (max-width: 480px) {
    .search-results article {
        width: 100%;
    }
}

[Joao]

Please add the following code to Appereance > Customizer > Custom > CSS

.x-pagination ul {
    margin-top: -30px;
}

Hope it helps

Joao

[argonstudios]

This is still not helping the problem.

You will see here the first page of a product category:
https://www.screencast.com/t/CmhFos3E

Now the second page and how the nav bullets shift:
https://www.screencast.com/t/THC9bAIR

Thank you and please advise

[Nabeel A]

Hi again,

I’m not able to find this code added in your Customizer:

.x-pagination {
    clear: both !important;
}

Please add the above code in your Child Theme’s style.css file. Adding the above code will resolve the issue, If this doesn’t work then please provide us the credentials of your site in a private reply so we can take a closer look.

Thanks!

[Author]

Posts