Top Menu shows text

  • Resolved vivek2998

    (@vivek2998)


    4 years, 5 months ago

    Hi! I use Covernews theme. My website had a preloader option enabled in default. It was taking too much time for the page to be displayed so we disabled the preloader animation.
    But now my Menu bar breaks and shows the text inside it when the page loads. After the loading gets completed everything looks fine. This broken look of my menu during pageload is really ugly. Please help me with this issue.

    The page I need help with: [log in to see the link]

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

  • Hello @vivek2998
    Thank you for using our theme.

    Would you please add this CSS codes on Appearance > Customize > Additional CSS,

    @media only screen and (min-width: 992px) {
    .main-navigation .menu ul > li > a ,
    .main-navigation .menu ul.menu-desktop > li > a {
        display: block;
        padding: 20px 30px;
        padding-left: 0px;
    }}

    Hope this helps.

    Thank you

    Thread Starter vivek2998

    (@vivek2998)

    It does seem to work with desktop version but mobile layout still displays it the same way. More than 90% of my website traffic comes from mobile and it is a huge concern given that the small size of mobile screen makes this much evident to the readers.

    It is the same scenario with Tablet layout as well

    • This reply was modified 4 years, 5 months ago by vivek2998.

    Hello,
    Please add this CSS codes as well,

    @media only screen and (max-width: 991px){
    .main-navigation .toggle-menu {
        display: block;
    }
    .main-navigation .menu > ul {
        display: none;
    }
}

    Hope this works fine.

    Thank you

    Thread Starter vivek2998

    (@vivek2998)

    It works like bliss now. Thank you AF team!!

    Nice to know that your problem is solved.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Top Menu shows text’ is closed to new replies.