Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 18, 2013 at 5:30 pm #201609
    MKW270210

    Hi, great theme but I’m having an issue with the main menu overlapping the logo when the browser window is resized. Our website doesn’t work like the demo on Themeforest. There is no switch in the menu until we are pretty much at mobile screen size. On the demo you lose the main menu and get the clickable menu box much sooner. In fact we don’t get that box at all.

    We have set the menu font size at 17px in the Custom css using code from the support forum:

    .main_menu ul:first-child>li a {
    font-size: 16px!important;
    }

    We have tried some remedies given in the forum eg the solution suggested on Post (hash)134332 but nothing we have tried has worked. Using this solution we changes the 3 instances of ‘767’ to 867 and 967 but nothing changed at all. Everything in that particular suggestion has now been removed/changed back.

    We have a property show running so really need to fix this and any help would be appreciated. The site is http://www.fbmproperty.co.uk

    Thanks

    Mark

    • This topic was modified 10 years, 11 months ago by MKW270210.
    December 18, 2013 at 10:18 pm #201702
    MKW270210

    Update – Had a chance to view on a tablet and the menu sits over the logo (on an ipad mini it was overlapping in both portrait and landscape). I’ve looked at so many solutions on here to what sound like similar issues but none work. It seems as though the menu is staying as-is until it resizes for mobile layout. At no point do I see the the dropdown for tablet.

    Just in case my custom CSS is affecting this please see it below:

    .main_menu ul:first-child>li a {
    font-size: 16px!important;
    }

    #top .ls-wp-container { margin-top: 40px!important; }

    .social_header .phone-info {
    line-height: 12px;
    font-size: 22px;
    font-weight: bold;
    }

    body {
    font-size: 15px;
    }

    .your-message textarea { height: 80px; }

    .title_container .main-title {
    margin: 0;
    font-size: 30px;
    position: relative;
    z-index: 2;
    min-height: 36px;
    line-height: 2.3em;
    top: 0;
    font-weight: 400;
    }

    .js_active .tab { font-size: 22px;}

    .tab {
    background-color: black;
    color: white;
    }

    Each element above has been taken from the corresponding forum solution for the required change.

    Thanks

    Mark

    • This reply was modified 10 years, 11 months ago by MKW270210.
    December 19, 2013 at 4:23 am #201843
    MKW270210

    I have sorted this now thanks

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Problem with Responsive Menu’ is closed to new replies.