Okay
  Public Ticket #2831876
Unnecessary top-margin on mobile devices
Closed

Comments

  •  2
    karoliinaparnanen started the conversation
    July 22, 2021 at 11:17am

    Hey,

    I have an issue with tablet and mobile device top margin. I would like my carousel to be placed on top of the page, but on mobile and tablet there's a small extra margin on top that I can't seem to get rid of. Any way of how I could remove that margin?

    Best,

    Karoliina Pärnänen

    2332279121.png

    http://anoukkruithof.com/?portfolio=el-camino-abierto2018-2

  •  1,878
    Judith replied
    July 22, 2021 at 11:34am

    Hi There,

    Thanks for keeping in touch.

    Please try this css:

    @media only screen and (max-width: 999px){
    .vc_row.top_padding_tablet_7pct {
        padding-top: 0% !important;
    }
}

    Thanks.

  •  8,847
    Tahir replied
    July 22, 2021 at 11:35am

    Hey Again,

    There seems to be padding added to the Row in the Page Builder Settings which is causing this,please see http://themenectar.com/docs/salient/page-builder-row/#padding. 

    1395963050.png

    Thanks 

    ThemeNectar Support Team 

  •  2
    karoliinaparnanen replied
    July 22, 2021 at 12:10pm

    Thank you Judith, that piece of code worked! Also thank you Tahir, I tried to look where I would've added the padding but couldn't find it yet. 

  •  8,847
    Tahir replied
    July 22, 2021 at 12:12pm

    Try to adjust it in here: 

    5904548985.png

    Thanks

    ThemeNectar Support Team