Customizer Custom CSS change will not apear in custom-style.css

@abhikr781, thanks for your feedback, I got it. ??

@abhikr781, hope I find you well.

I updated OceanExtra to the latest Version 2.0.6. – as a result, the root problem of this feed (with the CustomCSS) was solved. Thanks for this.

But, after the update, I have a further problem with the Custom CSS.

Now, the issue is that my complete CustomCSS will only work on desktops screens.
After switching to mobile screen, all the CustomCSS will not work anymore!

Hope you can help me and find some fast solution.

Thanks a lot and best regards
Michael

Attached you can find my CustomCSS (I didn′t change something after the OceanExtra Update)

/* home neu */
.home-blog li {
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.home-blog a {
  display: block;
  padding: 5px 10px 5px;
  line-height: 1.3em;
  font-weight: bold;
  font-size: 17px;
}
.home-blog time {
  display: block;
  padding: 5px 10px 5px;
}
.home-blog time {
  display: block;
}
/* bei fullwidth post */
.single-post.content-max-width ul.meta {
  margin: 0px auto !important;
}
/* grosses postlayout */
.postlayoutgross .button {
  background-color: #56b0ff !important;
}
.postlayoutgross hr {
  border-top: 3px solid #56b0ff !important;
}
.postlayoutgross hr,
.m20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.postlayoutgross h2 {
  margin-left: 20px !important;
  margin-right: 20px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 8px;
  border-bottom: 3px #56b0ff solid;
  margin-top: 40px;
}
div.max-breite {
  max-width: 700px;
  margin: 1.3em auto !important;
}
.postlayoutgross p {
  margin: 1em auto !important;
}
.aufzaehlung.postlayoutgross li {
  margin-left: 20px !important;
}

h1.test456 {
  margin-top: 0px !important;
  text-align: center;
  margin-bottom: 30px !important;
}
.postlayoutgross h1 {
	margin-top: 0px !important;
	text-align: center;
	margin-bottom: 30px !important;
}

div.postlayoutgross {
  font-size: 17px;
}
.container-weiss {
  padding-top: 1px;
  padding-bottom: 5px;
  max-width: 660px;
  padding-left: 0px;
  margin: 30px 20px 40px 20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 769px) {
  h1.test456 {
    font-size: 38px;
    padding: 0px 50px 0px 50px !important;
  }
@media screen and (min-width:769px) {
	.postlayoutgross h1 {
		font-size: 38px;
		padding: 0px 50px 0px 50px !important;
	}

  div.postlayoutgross {
    font-size: 18px !important;
    line-height: 1.75 !important;
  }
}
/* faq grosses layout */
.faq-aufklappen {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  margin: 30px 20px 30px 20px;
}
.faq-aufklappen summary {
  cursor: pointer;
  display: list-item;
  padding: 10px;
  font-size: 18px;
  font-weight: 600;
}
.faq-aufklappen-text {
  padding: 0px 15px 15px 15px;
  background: #ffffff;
}
.faq-aufklappen .faq-aufklappen-titel h3 {
  display: inline;
  font-size: 18px;
  font-weight: 600;
}
.faq-aufklappen .faq-aufklappen-titel::marker {
  color: inherit !important;
}
.faq-aufklappen .faq-aufklappen-text br {
  margin-bottom: 5px !important;
}
/* interview grosses layout */
.interview h3 {
  font-size: 20px;
  margin: 1em auto !important;
}
/* hover scale10 */
.hover10:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
/* weiterlesen naechster beitrag groesser */
.blog-entry.grid-entry .blog-entry-readmore a {
  font-size: 16px !important;
}
.page-jump a {
  font-size: 15px !important;
}
/* pfeil comments titel entfernt */
.comments-title .text::before {
  display: none !important;
}
/*remove icon from mobile menu */
.sidr-class-dropdown-menu ul a:before {
  content: none !important;
}
/* current menu unterstrichen */
.current-menu-item > a {
  background-color: transparent;
  color: #00354c !important;
  border-bottom: 3px solid;
}
/* untermenu anpassung text transform */
.dropdown-menu ul li a.menu-link {
  text-transform: none !important;
}
/* tabellen */
.tabelle-gehalt {
  border-collapse: separate !important;
  border-spacing: 2px !important;
  width: 85%;
}
.tabelle-gehalt td {
  padding: 2px 10px !important;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 0px 4px -1px #56b0ff;
}
.tabelle-gehalt th {
  padding: 2px 10px !important;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 0px 2px 2px #56b0ff;
}
.tabelle-gehalt td:nth-of-type(1) {
  width: 60%;
}
.tabelle-gehalt1 {
  border-collapse: separate !important;
  border-spacing: 2px !important;
  width: 100%;
}
.tabelle-gehalt1 td {
  vertical-align: middle !important;
  padding: 2px 10px !important;
  text-align: left !important;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 0px 4px -1px #56b0ff;
}
.tabelle-gehalt1 th {
  padding: 2px 10px !important;
  text-align: left !important;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 0px 2px 2px #56b0ff;
}
.liste-schulen {
  margin-bottom: 0px !important;
}
.liste-schulen td {
  padding: 20px 10px 20px 10px !important;
  text-align: middle !important;
  vertical-align: middle !important;
  border: none;
}
.liste-schulen td:nth-of-type(1) {
  width: 20%;
}
/* seitenleisten widgets style */
.related-posts-sidebar-sytle li {
  font-size: 14px !important;
  padding: 6px 0;
  border-bottom: 1px solid #e9e9e9;
}
.related-posts-sidebar-sytle li:first-child {
  border-top: 1px solid #e9e9e9;
}
/* abstand unten */
.abstand-unten-40 {
  margin-bottom: 40px !important;
}
.ul-16px {
  margin-right: -16px !important;
}
/* absatz ohne margin-bottom */
.ohne-margin-bottom {
  margin-bottom: 1px !important;
}
/* listen */
.vorteil ul,
.nachteil ul,
.aufzaehlung ul,
.fragen ul {
  list-style: none;
  margin: 0 0 20px 1.9em;
}
.vorteil li:before {
  content: '+';
  color: #a0bf19;
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  font-size: 1.4em;
  font-weight: 700;
}
.nachteil li:before {
  content: '-';
  color: #e16b5a;
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  font-size: 1.4em;
  font-weight: 700;
}
.aufzaehlung li:before {
  content: '?';
  color: #1e73be;
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  font-size: 1em;
  font-weight: 800;
}
.aufzaehlung li {
  margin-bottom: 1px;
}
.fragen li:before {
  content: '?';
  color: #e16b5a;
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
  font-size: 0.9em;
  font-weight: 600;
}
.fragen li {
  margin-bottom: 1px;
}
/* Suchseite Headerhintergrund */
.page-header {
  background-color: rgba(86, 193, 255, 0.2) !important;
}
/* marker Farbe */
::marker {
  color: #1e73be !important;
}
.theme-heading .text::before {
  color: #1e73be !important;
}
/* seitenleisten widget kennzeichnung breite */
.widget-title {
  border-width: 0 0 0 2px !important;
}
/* widget kennzeichnung komment */
.comment-reply-title {
  border-left: 2px solid #1e73be !important;
  padding-left: 15px !important;
}
/* komment p absatz*/
.comment-body p {
  margin: 0 0 10px !important;
}
/* blockqu farbe */
blockquote {
  padding-left: 15px !important;
  border-left-width: 2px !important;
  margin: 20px 10px !important;
  border-color: #1e73be !important;
}
/* aufklappen #ddf3ff */
.aufklappen {
  border-radius: 5px;
  background: #ddf3ff;
  padding: 10px 10px;
  box-shadow: inset 0px 0px 2px 1px #56b0ff;
}
.aufklappen summary {
  cursor: pointer;
  display: list-item;
}
.aufklappen-text {
  padding: 5px;
  border-radius: 5px;
  background: #ddf3ff;
}
/* aufz?hlung1 */
.aufzaehlung1 li {
  margin-bottom: 0.8em !important;
  font-style: normal !important;
}
.aufzaehlung1 li:first-letter {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #1e73be !important;
}
/* rahmen blau */
.rahmen-blau {
  background-color: #ddf3ff;
  border-radius: 5px;
  border: none;
  padding: 15px;
  box-shadow: inset 0px 0px 2px 1px #56b0ff;
  margin-bottom: 20px;
}
/* rahmen beitrag widget background-color: #ddf3ff; */
.wp-block-latest-posts.columns-2 li {
  border-radius: 5px;
  border: none;
  padding: 10px;
  box-shadow: inset 0px 0px 2px 1px #56b0ff;
  font-weight: 600;
}
/* bilder */
.schattengross {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
.schattenklein {
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.br15 {
  border-radius: 15px;
}
/* theme problem alle links unterstrichen */
.single-post:not(.elementor-page) .entry-content a,
.page:not(.elementor-page):not(.woocommerce-page) .entry a {
  text-decoration: none !important;
}
.single-post:not(.elementor-page) .entry-content a:hover,
.page:not(.elementor-page):not(.woocommerce-page) .entry a:hover {
  text-decoration: none !important;
}

@abhikr781, sorry for disturbing you… You don′t need to act, I already found the problem, it was my mistake!

Sorry and best regards
Michael

Glad to know that issue has been resolved.