[bakParticipant]

Hi, I have a section on my home page which looks the way I want it on desktop but not on mobile

[bakParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! It seems you are using the below code on your Child Theme’s CSS that’s causing the issue :

.home div#x-section-3 .x-column.x-sm.x-1-2:first-child {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;
  margin-right: 0 !important;
  width: 50%;
}

I am not sure why you have added this code instead of using a smaller column but if you think it’s necessary and you need to keep this then you can add the below code to :

@media only screen and (max-width: 979px) {
.home div#x-section-3 .x-column.x-sm.x-1-2:first-child {
  width: 100%;
}
}

Hope this helps.

Cheers!

[bakParticipant]

thank you, works well now

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts