Partial CSS styling drops beyond certain pixel width

  • Resolved RaphDae

    (@raphdae)


    11 years, 3 months ago

    Hi there,

    I screened all 10 pages of questions and I couldn’t find a fix so here it is:

    Long story short, I’m finding myself with a finished website running a properly set up child theme, BUT past a certain pixel width for my media screen, certain (not all) custom CSS styles are dropping – e.g. my custom blockquote style reverses to plain text when I expand my browser window past 1920 pixels (I’ve got two 21-inch screens, and the same thing happens on newer iMacs that have 27i screens).

    I looked into the htdocs files (style.css, functions.php) and after a few modifications I wasn’t able to figure out what variable(s) to edit.

    I’ve resolved all my issues so far but I’m running blank on this one… which annoys me because this seems very basic!

    What am I missing?

    Thanks in advance!

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

    (@stephencottontail)

    11 years, 3 months ago

    Can you post a link to your site with the child theme active?

    Thread Starter RaphDae

    (@raphdae)

    11 years, 3 months ago

    By all means!

    http://raphdae.com/

    Thread Starter RaphDae

    (@raphdae)

    11 years, 3 months ago

    The contact page is the best page for assessment purposes when it comes to this issue.

    The quotes lose their styling, as well as the tables – for that ‘flaw’ to be seen you’d have to test it on a screen for which resolution goes past 1920px wide.

    stephencottontail

    (@stephencottontail)

    11 years, 3 months ago

    On line 970-974 of your child theme’s stylesheet, you’ve got:

    @media only screen and (max-width: 1920px) {
.builder-banner-inner-content h1 {
	font-size: 12px !important;
	font-size: 8.2rem !important;
}

    The section .builder-banner-inner-content h1 { .. } is correctly closed, but the media query isn’t, so the browser is parsing everything that follows that line as part of the same media query. If you close that media query, everything should be good to go.

    Thread Starter RaphDae

    (@raphdae)

    11 years, 3 months ago

    Aaaannnnnd…. you’re right.

    Problem fixed. First off I’m sorry for wasting your time with such a trivial mistake… and also of course, thanks a LOT for your quick and effective response!

    I feel silly.

    And it turned out not to be the only query I forgot to close…

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

The topic ‘Partial CSS styling drops beyond certain pixel width’ is closed to new replies.