Blank space on the mobile side at ver são mobile the site has a white side, link http://deivilydias.github.io/

Asked

Viewed 169 times

-5

@media all and (max-width: 768px) {
    #menu {
        visibility: hidden;
    } 
    #titulo{
        font-size: 65px
    }
    #imagem_fundo{
        background-position: center;
    }
    .colunas, .lateral, .lateral_3, .lateral_4 {
         display: block;   
         width: 85%;
         padding: 5%;
         margin: 0px;
         float: none;
    }
    #acao {
        visibility: hidden;
    }
    body {
        overflow-x: hidden;
    }
 }
html css

1 answer

1

The white side is occurring for two reasons:

Element button of id="acao", he has the property visibility="hidden", this property hides the element on screen but keeps its position in the DOM element tree, thus pushing its contents to the side. Change to display="none".

Within the section of id="part_4", specifically on property width="120%" of the image, if it is mobile version, perhaps the ideal is for you to keep this property as 100% to avoid breaking.

  • It worked, thank you very much!!

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.