White vertical line on chrome mobile view

Hi Team,

On Chrome Browser on Android / Pixel phone view - I seem to have a white vertical line on the sponsors images row on this site http://sgvfs8mv.gb-02.live-paas.net/

I can’t seem to get rid of it.

Also can I change the mobile men bars from white to black or the blue?

Thanks! As always very grateful for your support - Louise

Hello Louise,

Thank you for getting back to us.

I couldn’t see that vertical white line on my iPhone. Here is what I am seeing:

Cloudup

> Also can I change the mobile men bars from white to black or the blue?

Add the following custom CSS code into your site’s additional CSS under Appearance > Customize > Additional CSS.


@media only screen and (max-width:1024px){
  
  .site-header{
    background-color: #000000;
  }
  
  .site-header.float-header{
    background-color: rgba(0,0,0, 0.9); /* Semi transparent background */
  }
  
}

To know the RGB number of a color, you can use this tool.

Regards,
Kharis

Thanks Kharis,

I just wanted to change the wee bars, but that works ok too. The site floater header is when just scroll down it seems.

The white line is still there on Chrome on Pixel Phone. Looks like this -

https://drive.google.com/a/cairngormfutures.co.uk/file/d/0B87_ZW-JISarSmtDSjF3TFhTNTQ/view?usp=drivesdk

Not sure how to remove it?

Thanks again.

Hello there,

I couldn’t debug the problem until I get the Pixel phone. Sorry :frowning: Moreover, Chrome’s mobile emulator doesn’t provide an option specifically for that device. Due to the issue isn’t consistent, it is difficult to troubleshoot. Please check if you are running the latest OS and Chrome; there might be version issue.

Regards,
Kharis

@Louise Jones,

I’m using a Sony Xperia Z3 (Marshmallow Up To Date) and I can see the line on your site:

Cloudup

And there is also a line on the Call To Action row on my site on Chrome Mobile’s view:

Cloudup

I’ll see what I can do on mine and post results.