Mobile layout on left side of screen with white bar on the right

  • Resolved jcawfield

    (@jcawfield)


    8 years ago

    Hi everyone,
    I am fairly new to WordPress and would greatly appreciate any help that I could get. I am using the Sydney child theme on my site https://www.concept8media.com.au and whenever I view it in portrait mode on my mobile, the site is moved to the left side of the device with a white area on the right side. Also, there is a weird black bar in a call to action image that I have created.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello there,

    > … in portrait mode on my mobile, the site is moved to the left side of the device with a white area on the right side

    To fix it, you need to add the following custom CSS code into your site’s additional CSS option, which resides under the Appearance > Customize > Additional CSS. 

    
html, 
body{
  overflow-x: hidden;
}

    > Also, there is a weird black bar in a call to action image that I have created.

    I inspected it with the web browser’s inspector tool. It is showing that it comes from the background image you applied on your “Who We Are” row. Please edit this row via page builder and remove the background image. If you aren’t OK with it, alternatively you can use this CSS code: 

    
#pg-37-0 .panel-row-style > .panel-grid-cell {
  margin-bottom: 0 !important;
}

    Regards,
    Kharis

    Thread Starter jcawfield

    (@jcawfield)

    Hi, Kharis thanks so much for your response! The coding fixed the black bar but the site still had the white one on the right-hand side of the page. This was because of the contact form I had at the bottom and so I changed it and everything is all good now. Thank you so much

    • This reply was modified 8 years ago by jcawfield.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile layout on left side of screen with white bar on the right’ is closed to new replies.