Okay
  Public Ticket #942571
mobile responsiveness
Closed

Comments

  •  2
    Jason Garcia started the conversation
    November 2, 2016 at 8:50pm

    Hi,

    Attempting to remove padding (specifically from top and bottom of elements) on mobile views. Any easy way to do this? I've done a lot of Googling and nothing has worked.


    Thanks!

    Jason


  •  8,996
    Tahir replied
    November 3, 2016 at 4:39pm

    Hey Jason,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
    .full-width-section.standard_section {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Jason Garcia replied
    November 3, 2016 at 7:14pm

    Hi Tahir,

    Thanks for the response. This still isn't working. I have added padding to elements on my site and this is not overriding it for mobile.

    Is there something else I'm missing?


  •  8,996
    Tahir replied
    November 4, 2016 at 4:31pm

    Hey Again,

    Could you let me know with a screenshot which elements padding are you trying to target ? . 

    Thanks 

    ThemeNectar Support Team 

  •  2
    Jason replied
    November 4, 2016 at 5:57pm

    So I'm attaching the desktop that has padding on the row below the header slider image, and the mobile screenshot of same. I'm trying to target the padding between the header image and the row below.

  •  8,996
    Tahir replied
    November 5, 2016 at 2:04pm

    Hey Again,

    The css provided earlier does not seem to be showing up on the Frontend. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ where applicable.

    The css works when added to the Live Browser.


    Best.

    ThemeNectar Support Team