I created a website with the Specular theme and have problems with my responsive layout. On some pages, I’ve created rows from the type “Full Width Content” which I split in two columns; one column with text, the other column with a background image. I found this layout in the demo pages and liked it.
My problem is now, that I can’t figure out how to properly configure the layout for a mobile device. On my mobile phone, the columns from a “Full Width Content” row are overlapping on the x-axis. Please have a look here: https://new.ccfe.ch/ccfe-lehrgang/
I tried to set the columns width in WPBakery responsive settings and already tried with CSS:
@media screen and (max-width: 600px) {
.fullwidth{
width: 60% !important;
overflow-x: hidden !important;
}
Oh – Sorry Mam!
Your are Welcome :)
If you like our theme and support, leave us a 5-star rating on Themeforest, it’s very important for us :) https://themeforest.net/downloads
