Media querys in Addtitional CSS not working

  • urbantratnik

    (@urbantratnik)


    5 years, 1 month ago

    Hi,

    so I have this page Im doing https://rosa-production.com/?cmp_bypass=test
    Under the Clients section, when I resize the window, icons go into one column. I wanted to have 2 columns so I inspected the site, found the appropriate section, and wrote my code to the inspector to see if it works. The code I wrote and the element I wrote the code on is seen in the picture (I added grid elements):

    View post on imgur.com


    As you can see It works in the Inspector. But when I try to add the same code in my Additional CSS inside WP, nothing works. Now I have tried using and targeting all the classes from this element and parent element. But nothing works. Am I selecting wrong? It weird because I changed some other things – unrelated to responsiveness – and it worked with additional CSS. But for some reason, this doesn’t. What am I missing?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Olga Bulat

    (@olgabulat)

    5 years, 1 month ago

    Hi @urbantratnik! Since you are using the Elementor plugin, it is best to adjust styles using its settings. Otherwise, your custom styles may be overridden by the plugin.

    By default, the columns of images are displayed full-width on mobile. You can change that in the Elementor editor:

    Hover over the first column and right-click on the column icon
    Click “Edit Column”
    Select Mobile settings (choose the mobile icon from the top right icons)
    Enter “50” (or 33) for percentage.

    Do the same for the second (and third) column.

    In the future, I recommend you asking these kind of questions on the support forum for Elementor plugin: its developers and community can give you a better answer.`

    Thread Starter urbantratnik

    (@urbantratnik)

    5 years, 1 month ago

    Under what should I write 50/33? If I edit the section, I don’t see any settings for choosing the how to divide the columns, or anything other then content width – witch only makes images smaller or bigger

    Olga Bulat

    (@olgabulat)

    5 years, 1 month ago

    You can see the instructions with screenshots on this thread: https://wordpress.org/support/topic/display-columns-in-a-row-mobile-version/

    atulsharma11

    (@atulsharma11)

    5 years, 1 month ago

    By default, the columns of images are displayed full-width on mobile. You can change that in the Elementor editor: Example https://www.guitaa.com/chords/jroa-byahe

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

The topic ‘Media querys in Addtitional CSS not working’ is closed to new replies.