Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 20, 2015 at 5:48 pm #490962
    BeeCee

    Hi,

    I discovered a strange behaviour at my ENFOLD site:
    when I look at it on mobile devices, then my own styles (custom.css) are not properly rendered with all my styles.

    For example this part:
    Firefox at Windows 7 prof.:

    and then the mobile view:

    At the mobile view, my custom css like the purple box, border, font color etc. is not rendered!
    These are not the only CSS styles – on several parts of my website, my custom.css are not used!
    On normal desktop view all is fine.

    I use ENFOLD 3.2 with WordPress 4.2.4 multisite installation. I have already disabled all plugins, to exclude, if this is caused by a plugin – but even with all plugins disabled, this problem remains.

    Do you have any idea? Thank you!

    Due to my site is still in maintenance mode, I’ll post below my login details.

    August 22, 2015 at 10:50 am #491700
    Rikard

    Hey COLORIT,

    You’ve put the CSS within a media query telling it to only apply above 1140 pixels: 

    @media only screen and (min-width: 1140px) {
#farbboxmitstreifen {
    background: none repeat scroll 0 0 #efe7ee;
    margin-top: 10px;
    overflow: hidden;
    padding: 15px;
    border-left: 6px solid #ADA7AF;
    padding-left: 30px;
}
}

    Remove the media query and it should apply to all screen sizes.

    Regards,
    Rikard

    August 22, 2015 at 1:58 pm #491719
    BeeCee

    Hi,

    thanks, but this is strange, where do you see this?
    There is nothing concerning this in my custom.css, when you’ll take a look at it:

    http://viainastudio.de/wp-content/themes/viainaatelier/css/custom.css?ver=2
    Line 2542

    So I don’t know where I should remove that?!?

    By the way: is it a problem, when I use within my custom.css the “@media only …..” styles not at the very end of this file?

    • This reply was modified 8 years, 8 months ago by BeeCee.
    August 24, 2015 at 4:25 pm #492333
    Yigit

    Hi!

    You can add following code to Quick CSS as well

    #farbboxmitstreifen {
    background: none repeat scroll 0 0 #efe7ee !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    padding: 15px !important;
    border-left: 6px solid #ADA7AF !important;
    padding-left: 30px !important;
}

    Regards,
    Yigit

    August 24, 2015 at 6:59 pm #492442
    BeeCee

    it’s not the only CSS, that is affected by this – and I have a LOT of custom CSS.
    So again my question:
    is it a problem, when I use within my custom.css the “@media only …..” styles not (!) at the very end of this file?
    What could be the problem – see first posting?

    August 25, 2015 at 9:07 am #492688
    Ismael

    Hey!

    Please check the custom css specially the media queries and make sure that there are no missing brackets and semi colon symbols.

    Regards,
    Ismael

    August 25, 2015 at 10:11 am #492733
    BeeCee

    We have already done this!

    August 26, 2015 at 6:41 am #493309
    Rikard

    Hi,

    It’s still applying from your custom.css, it might be cached. Please try emptying all caches.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.