Tagged: responsive
Hello,
I am using 1/4 columns and when I choose “No space in between columns” it responds different when I get to a smaller screen. Lets pretend the “O” are 1/4 columns… they respond like this:
Normal:
O O O O
Should Respond like this:
O O
O O
Actually responds like this (takes up half of the screen):
oo
oo
I hope that makes sense and is there a way to fix this?
Hi 118group!
I’m not really sure what’s causing that. Try completely deleting Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest. If that does not help then try adding this to your custom CSS.
@media only screen and (max-width: 989px) and (min-width: 768px)
.responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div {
margin-left: 4% !important;
width: 48% !important;
}
Regards,
Elliott