Create different layout for mobile

I'm using a transparent header for my website but needed a normal header with background for my blog posts so I created a layout for that. In desktop everything works fine but the layout is not working in mobile.

This is how the homepage / blog post looks with the "transparent" option selected in theme options > responsive > header > mobile options:

This is how they look with the option deselected:

This is how I want them to look: (just as I accomplished on desktop)

I tried with CSS but couldn't find the right ID.

Can you help me? This is the website:


Sign In or Register to comment.