Having trouble with Mobile

Hello, I am struggling with the Mobile layout on my website. I deactivated the jetpack plug in and that did not work. I am thinking I need to do something with the CCS. I do not know the language.

Please take a look at my site any suggestions would be greatly appreciated.

thanks

www.hikalbigbore.com

Hi,

Slider is working fine, it is just that background image is set to cover entire container which will cause clipping on smaller screens. You can improve it by adding images where important part of the image is in center of it.

Regarding mobile menu button you should change it to some color other then white https://www.screencast.com/t/PBMFeM3NgT . Off course this can be done with css code below also:

.btn-menu {
    color: #000 !important;
}

You can apply the code from Appearance > Customize > Additional CSS field and result should look like this https://www.screencast.com/t/2yM8y0hLYos4

Best Regards!

1 Like

Thank you for the fast response a very big help. I didn’t realize how simple the fix was. I am now running into the problem that the back ground photo is blurry on mobile but it is clean on chrome depth tools and the mobile version online.