Css Load

  • Resolved fakhrurpedia

    (@fakhrur)


    3 years ago

    please help me to this case , i customize the numbering css on article, but my customize using css cannot be loaded on dekstop version, it works only on mobile, how to solve this tom and david,please i really need help ?? this screenshoot 1this screenshoot 2

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • David

    (@diggeddy)

    Hi there,

    you have an open @media query in your CSS – see here:

    @media (max-width: 768px) {
        .navigation-branding {
            margin-right: auto;
            margin-left: -20px;
        }

        .single .wp-block-image img {
            border-radius: 5px;
            box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);
        }/* Number Lists */

        .entry-content ol {
            counter-reset: li;
        } ... more CSS below

    You need to add a closing } bracket to the @media query or all CSS below it will only be applied on that size.

    I would assume you want to add it just before: /* Number Lists */

    Thread Starter fakhrurpedia

    (@fakhrur)

    hmm, you need me added this } ? before /* Number Lists */ this?

    David

    (@diggeddy)

    When you create a @media query it must have its own closing bracket.
    So simply edit your CSS so it looks like this:

    @media (max-width: 768px) {
    .navigation-branding {
        margin-right: auto;
        margin-left: -20px;
    }

    .single .wp-block-image img {
        border-radius: 5px;
        box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);
    }
}
/* Number Lists */
    Thread Starter fakhrurpedia

    (@fakhrur)

    thank u so much, david, thank u

    David

    (@diggeddy)

    Glad to be of help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Css Load’ is closed to new replies.

Tags