-
Posts
-
I read your documentation on reordering rows for mobile view but not sure I did it the best way. In desktop view I have a row of three columns which contain headings for the three color columns below them. Looks perfect in desktop view but in vertical / mobile view the headers are stacked together then under them the color blocks stacked together. So, I created a series of single column rows that are only viewable in small and extra small mobile in the order that makes sense in vertical view. It looks perfect in vertical view. HOWEVER, now in on desktop I am gettin three empty rows with gray borders and can’t figure out where they are in the backend. I double-checked each module and each row to make sure that Hide on large and medium are checked. I got rid of unneccesary rows and placed text modules NOT within a row but rows still showing up. What am I doing wrong?
I would appreciate if you would look in the backend to see what’s what.I am including login info
Hey cagraphicdesign,
Sorry for the problem and for the late reply. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) { .page-id-2596 #after_section_3, .page-id-2596 #after_section_4, .page-id-2596 #after_section_5 { border: none !important; } .page-id-2596 #after_section_3 .content, .page-id-2596 #after_section_4 .content, .page-id-2596 #after_section_5 .content { padding: 0 !important; } }Best regards,
RikardThanks Rikard!
I thought I was doing something wrong with the way I structured it. I was surprised that the fix was some CSS.
Best,
ClaudiaConsider ticket closed
- The topic ‘rows for mobile showing empty rows in desktop.’ is closed to new replies.