Custom CSS edits show on phone but not on ANY desktop

  • Resolved Nymphalis

    (@nymphalis)


    8 years, 6 months ago

    So, this problem showed up right after I updated the theme – is there something special I have to do to get my child theme working properly again? I’m working in the style.css from the WordPress admin panel in my customizr-child theme.
    Here’s what I’ve added:

    .page h1.entry-title  {
	text-align: center;
	margin-top: 5px;
}

.featurette-divider {
    margin: 10px 0;
    border-color: #432670;
    border-top: 0px;
}

    That SHOULD center the page title, make the line under it thin and purple, and adjust some of the spacing. I’m fairly certain the code is correct (or at least works lol) and the style.css is loading because these changes show on my phone. However, they do not show on my desktop or laptop in either Chrome or IE (logged in or out). I cleared my personal browser cache and I don’t *think* I have any plugins that would be caching css – I have not specifically added one at any rate.

    Here’s a page you can view to inspect.
    Any help is, of course, appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,
    In your child theme’s style.css, you have this code towards the end of the file. The code you mention above is within the media query for max-width 979px. So, it has effect only on devices of that size.
    Change this and it should work.

    @media (max-width: 979px) {
   .round-div {
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
}

#content table {
    border-bottom: 0px;
}

.page h1.entry-title  {
	text-align: center;
	margin-top: 5px;
}

.featurette-divider {
    margin: 10px 0;
    border-color: #432670;
    border-top: 0px;
}

h3.assistive-text {display: none;}
    Thread Starter Nymphalis

    (@nymphalis)

    You know, I kind of suspected it was another snippet overriding the later css, in fact, I think that one was leftover from one I was trying out that didn’t get the result I was going for and apparently I didn’t delete all of it lol
    So thank you very much for being my second pair of eyes! Worked like a charm!

    Glad ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS edits show on phone but not on ANY desktop’ is closed to new replies.