-
AuthorPosts
-
December 1, 2019 at 6:11 pm #1161655
Hi guys,
I see this topic was covered several times but the answers I found did not help me.The space between color sections on desktop is fine.
The space between color sections on mobile is huge.How do i fix this?
thanks
MarcoDecember 3, 2019 at 7:19 am #1162078Hey Marco,
It looks like you have more than a few white space elements added to your content, could you try hiding those on mobile in the element options please?
Best regards,
RikardDecember 3, 2019 at 3:01 pm #1162216Hi Rikard.
The space elements are inside the Color section.The huge space I am talking about is between the Color sections.
Looks big on the desktop but huge on mobile.
Thanks
MarcoDecember 3, 2019 at 6:11 pm #1162297Hi,
Add this to quick css:
@media only screen and (max-width: 767px) { .template-page.content.av-content-full.alpha.units{ padding-top:0px!important; padding-bottom:0px!important; }}
Best regards,
Jordan ShannonDecember 14, 2019 at 2:02 am #1165742Hi Jordan,
I tried your code but I get an errorthanks
- This reply was modified 5 years ago by marcoabis81.
December 15, 2019 at 7:01 pm #1166113Hi,
That is a function.php error, not CSS. My code should likely still work.
Best regards,
Jordan ShannonDecember 15, 2019 at 8:28 pm #1166134Oh so sorry, yes you are right, I do not know why I went on the PHP.
Solved, thanks for your help :-)
Can you just clarify something about the same page above?
You see the red buttons called APRI CONTO MONESE? if in the control panel I put the button out of the above color section, this will create a line between the 2 color sections.
If I instead put the button inside the above color section, the diver between the 2 color section disappears.
Why does this happen?Thanks
MarcoDecember 15, 2019 at 10:33 pm #1166154Hi,
This is because the button acts a spacer. If you want space between the two you can adjust the paddings or margins to do so.
Best regards,
Jordan ShannonDecember 15, 2019 at 11:33 pm #1166189Hi,
I am not talking about the space but about the line that I can see only if the button is outside the above color section.When the button is between 2 color sections https://www.screencast.com/t/ulf2ceMUKSg I have a grey line which separate the 2 color sections https://www.screencast.com/t/tZ9FoS0lqj
When he button is inside the abovecolor section https://www.screencast.com/t/ulf2ceMUKSg the line is not there anymore https://www.screencast.com/t/mklKCfSrgs1
Marco
December 16, 2019 at 12:30 am #1166203Hi,
Do you not want the line? I’m sure it is because in position a border class is added and in the other it is not.
Best regards,
Jordan ShannonDecember 16, 2019 at 12:57 am #1166207Yes yes,
It is fine the line, does not matter.I was just trying to understand the behaviour of it. It appears or disappears according if the button is inside the color section or not.. So wanted just to understand.
Thanks
MarcoDecember 17, 2019 at 6:39 am #1166707Hi,
Thank you for the update.
The theme automatically wraps the elements inside their own section if they weren’t added inside one. The section has a border by default, so if you add a button between two color sections, the theme will automatically create another section between and place the button inside that section.
Best regards,
IsmaelDecember 17, 2019 at 1:06 pm #1166802Ok thanks for the clarification Ismael, very kind :-)
Marco
December 17, 2019 at 7:01 pm #1166942Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonDecember 17, 2019 at 7:10 pm #1166947Hi
You can close thanks :-)Much appreciated,
MarcoDecember 17, 2019 at 8:08 pm #1167002Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘enfold space between color sections on mobile’ is closed to new replies.