Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 22, 2017 at 8:56 am #750332
    baaso

    Hi,
    This question has been asked serveral times but the answer always leads to a cache problem, which seems that is not the case in my situation.
    i try to apply a custom css for a color-section, which i gave an id.
    I want to adjust the back-ground size (cause I am using an SVG-image) with custom css for my id. i cannot use the class, cause it is different form id to id.

    example:

    #werkzeugkoffer {
    background-size: 20% !important;
    }

    this works on every case, but not on mobile.

    any other idea?
    thanks for help.

    February 23, 2017 at 5:55 am #750811
    Rikard

    Hey baaso,

    Could you post a link to the site in question so that we can take a closer look please? Also please try to explain a bit further what you are looking to achieve or post a screenshot highlighting it.

    Best regards,
    Rikard

    February 23, 2017 at 3:21 pm #750953
    baaso

    hi Rikard, thanks for your reply. you see the icons in the background eg. in section #werkzeugkoffer. on desktop css is applied on mobile it’s ignored….

    February 23, 2017 at 4:23 pm #750969
    baaso

    i used a plugin with IDs… now switched to this with classes instead of ids and my problem is solved:
    add_theme_support(‘avia_template_builder_custom_css’);

    would be interesting why IDs do not work

    February 23, 2017 at 4:59 pm #750979
    baaso

    it seems like it still does not work even with class and cleared mobile cache. neither does background-image: none !important or background-size: 20% !important; work.

    February 28, 2017 at 3:13 pm #752969
    baaso

    Any feedback?

    February 28, 2017 at 6:01 pm #753106
    Andy

    Hi,

    use a code like:

    @media only screen and (max-width: 767px) {
.werkzeugkoffer {
background-size: 20% 10% !important;
}}

    Adjust as needed. For more information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    February 28, 2017 at 6:23 pm #753129
    baaso

    thanks, but it seams that you didn’t read the question. this makes no change. i want the same behaviour on mobile to. my original css with class should work already but we doesn’t it?

    .werkzeugkoffer {
    background-size: 20% 10% !important;

    this parameter should be valid for all devices and every screen size. but just for mobile it’s not applied….

    March 3, 2017 at 3:35 pm #755122
    Andy

    Hi,

    I see this code inside your source code:

    .werkzeugkoffer {
background-size: 20% 20% !important;
}

    which is working also on mobile: http://i.imgur.com/ZjCWmew.png
    So could you fix it already?
    Also check on another mobile device.

    Best regards,
    Andy

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