Menu problems

  • Resolved Pidor

    (@pidor)


    9 years, 4 months ago

    Hello,

    I have a few problems on my website (https://www.cleanshipping.org/):

    First of all, it’s looks like there is something under the logo in the top left-hand corner but I can’t figure out what it could be… Is there a way of deleting it or putting it somewhere else?

    Secondly, I would like the menu tabs to be in the middle (vertically). So far they are at the bottom of the menu area. I tried to change the code but since I am not an expert I couldn’t find a solution. Does someone know how to do that?

    Least but not last, it seems that the search button doesn’t work… Any idea why?

    Thank you very much in advance for your help! ??

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

  • Hi,

    For the first one put this css

    .masthead-fixed .site-main {
    margin-top: 98px;
    }

    Then we are able see the text below logo.

    For the second put vertical-align as middle

    For the third one check the below jquery

    jQuery(document).ready(function(){
    jQuery(‘.search-toggle’).click(function(){
    jQuery(‘.search-box-wrapper’).removeClass(‘hide’);
    });

    });

    Thanks,
    Anusha.

    Thread Starter Pidor

    (@pidor)

    Thanks a lot Anusha, my first problem is solved ??

    Concerning the second point, I put

    #primary-navigation {
    vertical-align: middle;
    }

    .search-toggle {
    vertical-align: middle;
    }

    but instead of being in the middle, the tabs and the search button get stuck at the top of the menu bar…

    As for my last problem, where am I supposed to check the jquery piece of code?

    Thanks a lot in advance ??

    Hi

    For the second one try the below css.

    #primary-navigation {
    margin-top: 25px;
    }
    .search-toggle {
    margin-top: 25px;
    }

    Thanks,
    Anusha.

    Thread Starter Pidor

    (@pidor)

    Thanks so much Anusha, it works!

    Concerning the search button, do you know where I should check jquery code?

    Last thing: there is now a dark blue line at the bottom of the menu. Do you know how I could get rid of it?

    Thank you very much in advance!

    Have a nice day!

    Hi,

    Regarding that search button put the jquery either in header.php or else footer.php file before closing the body tag.

    And for the last thing put the below css and check once.
    .site-header {
    padding-bottom: 3px;
    }

    Thanks,
    Anusha.

    Thread Starter Pidor

    (@pidor)

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu problems’ is closed to new replies.