Hello,
I’m trying to create a responsive CSS code for two specific items in my footer and I just can’t do it. Whatever I try, nothing changes. I’m using columns in a group. First column contains navigation and second column contains site logo. Responsiveness of columns are just the way I want it to be.
But when I try to center either the navigation or site logo, nothing happens at all. Maybe someone could help me? While in desktop mode, the navigation should be aligned to the left and site logo to the right. In tablet and mobile mode they should both switch to center. I tried to use “position”, “justify-content”, “align-content”, even “text-align”, because some articles suggested this as a solution. Needless to say it didn’t worked out. What more can I do? I even tried to assign default values (left and right) before the media rule.
I’m using Gutenberg and Kadence Blocks.
[ad_2]