Okay
  Public Ticket #351318
Top of page margin adjustment
Closed

Comments

  • Ja started the conversation

    Hi!

    I've got white margin being created when I have 2 rows that are being interchanged/swapped for one layout that is over 1000px, and one that is under 1000px. 

    Here is the code I'm using:

    /* Top Intuition Mastermind, Responsive */

    @media only screen and (max-width: 1000px) {

    .topbanner {

    display: none!important;

    }

    }

    @media only screen and (min-width: 1000px) {

    .topbannermobile {

    display: none!important;

    }

    Ive used firebug to identify the margin and padding that if I turn them off they fix this issue in the mobile version ( but then mess up the desktop version). 

    .container-wrap, .project-title {

    margin-top: -55px;

    padding-top: 93px;

    }

    I tried doing this:

    /* Top Banner Margin Padding fix */

    @media only screen and (max-width: 1000px) {

    .container-wrap, .project-title {

    margin-top: 0px;!important;

    padding-top: 0px;!important;

    }

    }

    not working!

    Please help!

    THANK YOU :D

  •  8,849
    Tahir replied

    Hey!

    Please see screenshot: http://prntscr.com/5scg1x . You have two semi colons. 

    Thanks 


    ThemeNectar Support Team 

  • Ja replied

    Cool, thanks for finding that... duh on my end!

    I fixed the code, but it still won't work. Im running the latest install of Salient, FYI.


    See, that pesky white bar won't go away!


    Any further assistance would be greatly appreciated!

  •  8,849
    Tahir replied

    Hey Again,

    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) {
        .container-wrap, .project-title {
            margin-top: 0px !important;
            padding-top: 0px !important;
        }
    }

    Thanks


    ThemeNectar Support Team