Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #750332

    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.

    #750811

    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

    #750953

    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….

    #750969

    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

    #750979

    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.

    #752969

    Any feedback?

    #753106

    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

    #753129

    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….

    #755122

    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

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