Menu icons hidden or hard to see in narrow/mobile views

  • jscottmckenziemusic

    (@jscottmckenziemusic)


    4 years ago

    I am using the Velux theme customized by a little bit of CSS (though I am no web design expert).

    I am missing the icon to drop down the main menu on smaller (mobile) screens. There IS a button there in the upper right part of the screen, but it’s completely transparent and quite small. Furthermore, when the menu does drop down, the buttons to get to sub-menus are almost impossible to see and quite narrow (far right of each main menu item).

    I am looking at the site on an iPhone XR.

    I appreciate any help!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • gdpavle

    (@gdpavle)

    Hi @jscottmckenziemusic,

    Thank you for reaching out.

    Before we look further into this, can you please remove all CSS customizations you have added so far? This might be caused by those customizations so I want to take them out of the equation.

    Best Regards,
    Pavle

    Thread Starter jscottmckenziemusic

    (@jscottmckenziemusic)

    Thank you for the note! I have disabled all the CSS, and for your convenience I’ve copied what I did have below.

    **

    .site-header-wrapper {
    border-bottom: none
    }

    .main-navigation ul a {
    padding-top: 1em;
    padding-bottom: 1em;
    text-transform: inherit
    }

    #menu-primary-menu .sub-menu .menu-item-has-children ul a {
    padding-top: 0.5em;
    padding-bottom: 0.5em
    }

    #menu-primary-menu .menu-item-has-children ul a {
    padding-top: 0.5em;
    padding-bottom: 0.5em
    }

    .site-title {
    padding: 0px
    }

    p, ul {
    line-height: 1.5
    }

    #menu-primary-menu li.menu-item a:hover {
    background-color: #5d5179
    }

    .widget {
    margin: 0;
    padding: 15px;
    background-color: #e0e0e0;
    }

    .page-content {
    margin-top: 0
    }

    .site-title-wrapper {
    padding-top: 7px
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu icons hidden or hard to see in narrow/mobile views’ is closed to new replies.