Forum Replies Created
-
AuthorPosts
-
July 20, 2016 at 4:10 am in reply to: Mobile responsive columns don't stack on part of page. #662755
Try this one.
I tried wrapping everything in color sections and it broke it further.
July 15, 2016 at 8:40 pm in reply to: Mobile responsive columns don't stack on part of page. #661507Thanks Rikard, I’ve posted the login in the private section.
July 13, 2016 at 5:13 am in reply to: Mobile responsive columns don't stack on part of page. #660196Hi Vinay, here’s what I’ve got on the page. I’ll use the following symbols to help explain the content blocks on each row:
> = the items on the right are inside the items on the left.
|| = separates multiple columns in a single rowHere’s the content of the page in question:
1) Color Section > Text Block > Advanced Layerslider (inserted with [layerslider id=”4″])
2) Text Block (Basic Text)## Start Sub-Section 1
3) Color Section > Text Block > Advanced Layerslider (inserted with [layerslider id=”5″])
4) Color Section (Image BG)> Text Block (Basic Text)
5) Easy Slider
6) 2/3 Column > Heading, Text Block (Basic Text) || 1/3 Column > Heading, Text Block (Basic Text)
7) 1/1 Column > HR Line, Button
## End Sub-Section 1##Start Sub-Section 2
8) Color Section > Text Block > Advanced Layerslider (inserted with [layerslider id=”9″])
9) Color Section (Image BG) > Text Block (Basic Text)
10) Easy Slider
## This is where the columns stop stacking for the remainder of the page
11) 1/3 Column > Icon Box, Text Box (Basic Text) || 1/3 Column > Icon Box, Text Box (Basic Text) || 1/3 Column > Icon Box, Text Box (Basic Text)
12) 1/1 Column > HR Line, Button
##End Sub-Section 2The next two sub-sections are generally the same setup with the Advanced layerslider Heading, Tagline Text, Easy Slider, Column Content. The columns will not stack, just like the 2nd section.
In response to your second question, they never “stop” stacking”, they simply never stack. The first subsection starts tacking the columns when I get to 750px wide and smaller. The next sections never stack and remain side-by-side as shown in the images attached.
As for the headings of my second question – I attached a screenshot from my phone. You can see the advanced layerslider gets a gap underneath in vertical mobile view. This gap starts appearing on my desktop when I get the width of the window below 430px. It continues to increase the smaller I shrink the browser window’s width.
June 28, 2016 at 8:13 pm in reply to: Mobile responsive columns don't stack on part of page. #654429Anyone have any solutions for this? I can’t find any way to fix this without completely remove all my headers for each section.
-
AuthorPosts