[oga23Participant]

also – the recently active members widget breaks my buddypress sidebar…

[oga23Participant]

i have an idea – maybe you could replace the shylesheet of my child and parent theme with a new one? would that fix the problems? should i back up my custom css before that?

[oga23Participant]

upon further research there seems to be an issue bewteen safari and chrome how they display colors. Is there a fix for that?
colors are fine on safari, firefox – ipad and chrome – ipad, but on desktop on chrome they are – how do i say that – bleached? dull?

[oga23Participant]

man, you are gonna hate me—but i stayed up all night (here is 4 am) to fix everything and came across this code in one of previous posts:
.home .masthead {
position:absolute;
width:100%;
background-color:transparent !important;
box-shadow: none;
border: 0;
}
.home .x-topbar {
background-color: transparent;
border-width: 0;
}
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: auto;
}

jQuery(document).ready(function($){
$(‘.x-navbar-fixed-top’).addClass(“transparent-navbar”);
$(window).scroll(function(){
if ($(this).scrollTop() > 50) {
$(‘.x-navbar-fixed-top’).removeClass(“transparent-navbar”).addClass(“white”);
} else {
$(‘.x-navbar-fixed-top’).removeClass(“white”).addClass(“transparent-navbar”);
}
});
});

Is working fine, the only problem is with breadcrumbs – they dissapear…please take a look.
i know it is a lot but we are almost done 😉

[Rue NelModerator]

Hello There,

Thanks for updating in! Glad you were able to figure out the custom css that messed it up. Now checking with the breadcrumbs, I can see it in my browser. Please check out my screenshot here: http://prntscr.com/ei4taw

Could you please provide a url or maybe a screenshot where the breadcrumb is not showing? And by the way, since you have installed a caching plugin WP Fastest Cache, always clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[oga23Participant]

Oh,
If that was the case, it would be the happiest day in my life.
But you didn’t understand me…
The problems i mentioned regarding styling are still there so i would ask you to have a look.
The snippet i used in my previous message is just for the transparent header and has nothing to do with everything else. The breadcrumbs are there,but if tou move the page alittle they are gone.
The main problem is everything else…
Please see my address and credentionals in previous messages as i am on mobile now and its difficult for me to give you everyrhing…
https://mojzastopnik.si

[Rue NelModerator]

Hello There,

Thank you for the clarifications.

#] The breadcrumbs will disappear when you slightly move it because of this custom css;

body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: auto;
}

Please remove this block and check your site again.

#] When I check your custom css, I noticed that there is an invalid code.

Please be advised that the best css practice is that the @media block should be at the bottom of all your other css like this:

element {
  // your styling
}

#element-ID {
  // your styling
}

.element-class {
  // your styling
}

@media(min-width: 980px){
  element {
    // your styling
  }

  #element-ID {
    // your styling
  }

  .element-class {
    // your styling
  }
}

@media(max-width: 480px){
  element {
    // your styling
  }

  #element-ID {
    // your styling
  }

  .element-class {
    // your styling
  }
}

Hope this helps.

[oga23Participant]

Hi,thanks! Will take a look as soon as possible.
What about other problems? Could you take a look?
These breadcrumbs are from a few hours ago when i added the css for transparent header, other css problems where allready there.
Please take a look a few messages back.

[Rue NelModerator]

Hello There,

Please remove this custom css block first:

body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: auto;
}

Please let us know how it goes.

[oga23Participant]

hi,
hi, i removed the code for transparent header completely as i really don’t need it.

let us please fix my other, important problems:

– on chrome colors are off – but only on desktop, on ipad they are fine
– the icons in the footer are still missing (i mean the same one you have integrity demo 1)
– all icons in sidebars are missing too
– posts give me 404(blog is displaying just fine) when i set woocommerce product permalinks to /%product_cat% – and i need these because of google and my previous site structure. when i set them to /shop/%product_cat%, post are showing just fine, but i would really need the /%product_cat% setting. how can we fix this?
i think these problems are theme related – something must have gone wrong when migrating site do main domain.
please check my main domain https://mojzastopnik.si with the same credentials (—-> UPDATE: https://BETA.MOJZASTOPNIK.SI IS RUNNING NOW ON A BACKUP VERSION PRIOR TO MIGRATION AND THE PROBLEMS ARE THE SAME.)
i tried almost everything i could think off – deactivating all plugins, changing to default theme, resaving permalinks, activating x again, i deleted everything that comes before ‘Enqueue Parent Stylesheet’ in my child theme, deleted w3 total cache, deleted bulletproof security, cleaned my database, deleted all cache left overs…and nothing.
so please take a look and find out what is causing this problems, mentioned above. please.

[oga23Participant]

i found another problem in buddypress, please see screenshot. the title is way to high.

[oga23Participant]

oh, on my staging site the the buddypress sidebar is not having that issue of Who is online widgets title being to high.

[RadModerator]

Hi there,

1. About the colors, what should be the colors? I checked on my iPad and compared it to desktop and they are the same, icons are red.

2. For missing icon, please provide a screenshot (including the browser address bar) and exact URL that has this issue. And please clear your browser cache. Redirection from HTTP to HTTPS isn’t implemented or not working, example, you’re accessing this URL http://beta.mojzastopnik.si/trgovina/ which of course will not display the icons because it’s non-HTTPS, you should access https://beta.mojzastopnik.si/trgovina/. OR should be redirected to https://beta.mojzastopnik.si/trgovina/. Please contact your hosting provider for proper setup of redirect, make sure it’s implemented 🙂

3. Please provide all the screenshots of missing icons, maybe I just can’t find the issue.

4. All these issues are related to your hosting and WordPress, and Woocommerce configuration. A theme is simply a skin of your site displaying the content supplied by the system. It doesn’t even have access to permalinks, and changing Woocomerce permalinks isn’t related to the theme. And it will not really work,

This /%product_cat%/ is reserved for category and you can’t use that as shop’s base slug. A base is a static slug like /shop/, /hello/, or any string. Having just /%product_cat%/ confuses the system, example,

/awesome-slug/and-another-awesomeslug/

How do you tell if it’s a product category and a product, and not a post category and a post? Even woocommerce add /product-category/ to a category slug to tell the system that it’s not a category, but product category. Eg. /product-category/electronics/

In short, it’s not possible to have just a /%product_cat%/ as shop base. But could be done with customization which is complex.

And for further issues and queries, please start a new thread for better and faster tracking of the issues 🙂

Thanks.

[oga23Participant]

This reply has been marked as private.

[oga23Participant]

One question – what would happen whit my data if i deleted x, x-child and buddypress and then installed all back? Would that fix styling problems?

[Author]

Posts