Web Hosting
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Black space with mobile device

Discussion in 'Misc WordPress Requests' started by scabtik, Oct 26, 2017.

  1. scabtik


    Black space with mobile device, by scabtik

    Hey guys, got a question regarding my new website.
    I got the logo to resize/ replace while keeping it at a nice size when you’re on a mobile device.

    .header-wrap .col-sm-4{
    display: none;

    .site-header.float-header {
    background-color: transparent;

    .site-logo {
    max-height: 500px;

    img {
    max-width: 280%;
    height: auto;
    margin-left: -500px;
    margin-top: 225px;

    .row {
    margin-left: -15px;
    margin-right: -15px;

    @media screen and (max-width: 760px) {.site-logo {width:100%;}

    @media screen and (max-width: 760px) {.site-logo {margin-left: -0px;}

    @media screen and (max-width: 760px) {.site-logo {margin-top: 0px;}

    But when i open the site on a mobile phone, there is a black box around my logo, i want it to be in the background, just like the desktop version. Can someone assist me in this? (I’m using the sydney theme btw)

    Black space with mobile device

Share This Page

Web Hosting