Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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
    Marco

    #1162078

    Hey 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,
    Rikard

    #1162216

    Hi 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
    Marco

    #1162297

    Hi,

    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 Shannon

    #1165742

    Hi Jordan,
    I tried your code but I get an error

    2019-12-14_0004

    thanks

    • This reply was modified 4 years, 11 months ago by marcoabis81.
    #1166113

    Hi,

    That is a function.php error, not CSS. My code should likely still work.

    Best regards,
    Jordan Shannon

    #1166134

    Oh 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
    Marco

    #1166154

    Hi,

    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 Shannon

    #1166189

    Hi,
    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

    #1166203

    Hi,

    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 Shannon

    #1166207

    Yes 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
    Marco

    #1166707

    Hi,

    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,
    Ismael

    #1166802

    Ok thanks for the clarification Ismael, very kind :-)

    Marco

    #1166942

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1166947

    Hi
    You can close thanks :-)

    Much appreciated,
    Marco

    #1167002

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘enfold space between color sections on mobile’ is closed to new replies.