Phones and tablets issues

[lgil]

Hi my site shows a weird line on the slider in phones and tablets.

My URL is http://bsc-test.com/version3

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Custom CSS and paste below code there:

.menusection {
    border: none;
}

Regards,
Shri

[lgil]

It doesn’t work. Also, I noticed that if you open the website from a Mac Safari/Chrome the slider below the navigation bar is smaller than on a Windows Computer. Can be the different monitor resolutions affecting the site? Is there a way that doesn’t change this.

This is my CSS
.suptp a { color:#52b7f2 !important;}
.suptp a { font:esteban !important;}
.suptp a { font-size: 12px !important;}
.suptp:hover a { color:#fd9206 !important;}

.logo img { margin-bottom:0;}
.header { padding-bottom:0;}
#slidera .nivoSlider { min-height:36px !important;}

@media screen and (min-width: 950px) {
.menu {
text-align:center
}
.menu li {
display:inline-block;
float:none;
margin-left: -5px;
}
.menu li li {
display:block;
text-align:left
}
}
#topmenu ul li a{padding:8px 25px;}
.elementor-inner {width: 81.1%;margin: 0 auto; !important;

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Custom CSS and paste below code there:

@media screen and (max-width:1023px) {
.menusection { border: none !important;}
}

Regards,
Dave

[Author]

Posts