Home › Forums › WoodMart support forum › media css not work

media css not work

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 20, 2021 at 1:29 pm #340689

    Lucas
    Participant

    I set logo width for 180px.

    It’s too big in some device(such as iphone 6), But when I use theme setting Custom CSS for mobile

    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
    .wd-logo img{
    width:130px!important;}
    }

    it’s not work. why?

    December 21, 2021 at 6:36 am #340821

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The CSS should work. It seems that there are some Syntax Errors in the CSS fields.

    Please make sure that there are no Syntax Errors. Then check back.

    If the issue still occurs. Then provide the login details of the website.

    Best Regards

    December 21, 2021 at 8:13 am #340851

    Lucas
    Participant

    please remove the account info after you read and tell me if you edit anything on website.

    December 21, 2021 at 12:13 pm #340927

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your issue has been Resolved. Please try adding the CSS after clearing the cache. Then it will work.

    Best Regards

    December 22, 2021 at 9:48 am #341169

    Lucas
    Participant

    I set the css, when I browse 6s response by chrome developer view, it’s work.
    but when I use iPhone 6s, safari , it’s still not work.

    Attachments:
    You must be logged in to view attached files.
    December 22, 2021 at 1:11 pm #341260

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    As your CSS contains a media query then it needs to be added to the Global Custom CSS area under Theme Settings >> Custom CSS.

    Best Regards.

    December 22, 2021 at 2:24 pm #341272

    Lucas
    Participant

    I add to Global Custom CSS, still not work at 6s device.(only work on chrome 6s response by chrome developer view)

    December 23, 2021 at 7:16 am #341431

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have removed the media query from the CSS you added. And moved the CSS to the Custom CSS to Mobile area. Please check after deactivating the cache plugin.

    Best Regards

    December 23, 2021 at 7:20 am #341435

    Lucas
    Participant

    I see the code you modified.
    the code is different from one I used.
    I set for iphone 6s, which 375px on mobile.
    now your code is for all mobile.

    December 23, 2021 at 12:41 pm #341531

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Could you please check again after clearing the cache the CSS is added now in the Global Custom CSS area with media query.

    Best Regards

    December 23, 2021 at 5:51 pm #341606

    Lucas
    Participant

    not work, I tried to use iphone 6s, iphone 8 (same pixel)

    please delete all pics after you read (for privacy)

    Attachments:
    You must be logged in to view attached files.
    December 24, 2021 at 7:54 am #341698

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have checked and the CSS is working fine.

    Screenshot for Clarification: https://monosnap.com/file/0MFy2S6cupBpjHUX2kcwv5T5JBMqAq

    Our CSS field works correctly. If it doesn’t see any effect, maybe your code is not correct, fixing such custom CSS is out of our theme support scope.

    You have to correct your CSS.

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)