Home page

Hello 
I removed the name and black background as home, contact ... but now every time I edit the page is cut, there is some way to center it and not cut the information because I don't want the background and name in each page. Is there any way to remove this without cutting the information ?

Comments

  • Hi @mca3fit,

    Thanks for contacting us!

    I have a little bit of confusion about your query. can you please share URL and elaborate more your query by a screenshot. So that we can assist you better.


    Thanks 
    Dev


  • Hi 

    Find attached the screenshot, how I said before I remove the area where you see in with menu you are. But now you cannot see all the information you have in the post.

    I hope to heard from you soon 
    Screen2.png
    2833 x 1499 - 361K
    Screen1.png
    2858 x 1497 - 187K
  • Hi,

    To do this, Go to  Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

    .page-template-template-page-full-width section.site-content {
        margin-top: 18%!important;
    }

    @media only screen and (max-width: 768px){ 
    .page-template-template-page-full-width section.site-content {
        margin-top: 10%!important;
    }
    }

    @media only screen and (min-width: 991px) and (max-width:1024px){ 
    .page-template-template-page-full-width section.site-content {
        margin-top: 30%!important;
    }
    }

    I hope it will work for you!

    Thanks
    Dev
  • Hi 

    I put the code but is not working I still have the problem.

    Screenshot 2019-11-05 at 21.03.57.png
    2869 x 1523 - 308K
  • Hi,

    Please share your site URL so that we can take a closer look and assist you better.


    Thanks
    Dev
  • Hello 

    mca3fit.com

    thanks
  • Hi,

    To do this, Go to  Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

    section.page-title-section {
        display: none!important;
    }
    .page-template-default section.site-content {
        margin-top: 18%!important;
    }

    @media only screen and (max-width: 768px){ 
    .page-template-default section.site-content {
        margin-top: 10%!important;
    }
    }

    @media only screen and (min-width: 991px) and (max-width:1024px){ 
    .page-template-default section.site-content {
        margin-top: 30%!important;
    }
    }

    I hope it will work for you!

    Thanks
    Dev
  • Hi 

    Done!

    Thank you 
Sign In or Register to comment.