Phones and tablets issues

Home Forums IT Consultant Support Phones and tablets issues

This topic contains 3 replies, has 3 voices, and was last updated by  Forum Moderator 5 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #108966

    lgil
    Member
    • Topics: 6
    • Replies: 24
    • Total: 30
    Member since: August 31, 2018

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

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

    #109048

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6527
    • Total: 6529
    Member since: June 12, 2013

    Hi,

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

    .menusection {
        border: none;
    }

    Regards,
    Shri

    #109054

    lgil
    Member
    • Topics: 6
    • Replies: 24
    • Total: 30
    Member since: August 31, 2018

    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;

    #109103

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19841
    • Total: 19841
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.