• Hi nice theme,

    by smartphone there is so much empty space between the header and the rest. How do I bring up the div of the page?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi oxabaxo,

    Hope you are doing good today ??

    Please add following code in style.css file (if you are using child theme) or use simple custom CSS plugin to add custom CSS code without modifying theme files.
    https://www.ads-software.com/plugins/simple-custom-css/

    @media (max-width: 768px){
    	.iheader h1{
    	  line-height: normal;
    	}
    	.nx-breadcrumb{
    		display: none;
    	}
    }

    Take care and have a nice weekend ??

    Cheers

    Thread Starter oxabaxo

    (@oxabaxo)

    Hi WPMU,
    I had done so,but you better your code, I will use your thanks ??

    @media only screen and (min-width : 1281px) { /* COMPUTER */
    .iheader h1 {
    display: block;
    float: left;
    font-size: 30px;
    line-height: 100px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    color: #FFF;
    }
    }

    @media only screen and (min-width : 961px) and (max-width : 1280px) { /* SMARTPHONE */
    .iheader h1 {
    display: block;
    float: left;
    font-size: 30px;
    line-height: 100px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    color: #FFF;
    }
    }

    @media only screen and (min-width : 768px) and (max-width : 960px) { /* SMARTPHONE */
    .iheader h1 {
    display: block;
    float: left;
    font-size: 25px;
    line-height: 100px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    color: #FFF;
    }
    }

    @media only screen and (min-width : 480px) and (max-width : 767px) { /* SMARTPHONE */
    .iheader h1 {
    display: block;
    float: left;
    font-size: 20px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    color: #FFF;
    }
    }

    @media only screen and (min-width : 30px) and (max-width : 479px) { /* SMARTPHONE */
    .iheader h1 {
    display: block;
    float: left;
    font-size: 20px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    color: #FFF;
    }
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘the page you see evil’ is closed to new replies.