Menus

Discussion in 'Traffica WordPress Theme' started by shwebb1523, May 21, 2017.

  1. shwebb1523

    shwebb1523 New Member

    Joined:
    May 13, 2017
    Messages:
    25
    Likes Received:
    0
    My menu is not showing up correctly. When the screen size is minimized to half the screen size the first menu item overlaps the logo. If it is small enough to be at mobile size it works just fine.
    http://kcs-mp.com/wordpress/
    I need this fixed. It should show correctly no matter what size the screen is. Some of the menu items drop down to another line which is fine when the screen isn't full size or mobile size. If there is a way to make the logo stationary and all the menu move that would be fine.
    Edited to add:
    This seems to have fixed it. Got it from another thread on this forum:
    Had to play with the max-width to find just where the problem occurs.

    @media only screen and (max-width: 1200px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 6px;
    font-size: 10px;
    }

    .main_menu {
    margin-right: -50px;
    }

    .logo img {
    width: 200px;
    }
    }

    Thanks!
     
    Last edited: May 21, 2017

Share This Page