Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1283714
    maddos
    Participant

    Hi

    how do i move the menu so its next to the logo.

    I have attached a pic.

    Thanks

    #1283724
    maddos
    Participant

    Here is the pic

    #1283726
    maddos
    Participant
    This reply has been marked as private.
    #1284062
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    Could you please provide us with your website URL so we can take a closer look?

    Thanks.

    #1303065
    maddos
    Participant
    This reply has been marked as private.
    #1303321
    Rad
    Moderator

    Hi there,

    It’s already beside the logo. Though yes, the solution is removing some menu items and your current menu has fewer items than your screenshot.

    I’m just wondering what device you’re testing it? Your screenshot is about 743px width which is in the category of mobile device, it should display mobile menu. I resized my browser to 743px and the mobile menu is displaying which is correct. Is there any special procedure on how we could reproduce the issue you’re getting?

    Thanks!

    #1310230
    maddos
    Participant

    Hi I want do more menu items so i have two rows but i want to keep it on the same level as the logo instead of it being under it.

    #1310231
    maddos
    Participant
    This reply has been marked as private.
    #1310268
    Joao
    Moderator

    Hi There,

    Please add your top menu links on the topbar, you won´t use WordPress menu but you will add your links manually to the topbar.

    Once you do that we can help you with formating.

    Please go to Appereance > Customizer > Header > Topbar Content and add:

    <a href="#holder">HOME</a> <a href="#holder">ABOUT </a> <a href="#holder">REVIEWS</a> <a href="#holder">FAQS</a> <a href="#holder">CONTACT</a> <a href="#holder">APPLY ONLINE</a>

    Let us know when you have done that so we can help you adjusting the menu as you would like

    Thanks

    Joao

    #1317773
    maddos
    Participant

    Hi

    thank you for your reply.

    I put in the code you provided me but it isn’t exactly how i wanted it to look.

    I have attached a pic of how i want it to look.

    Thanks

    #1317777
    maddos
    Participant

    .

    #1317830
    Jade
    Moderator

    HI there,

    Please add the links using the previous suggestion then add this in the custom CSS:

    .x-topbar p a {
        display: inline-block;
        border: 1px solid transparent;
        padding: 0.875em 1.25em;
        border-radius: 100em;
        border-color: rgba(0,0,0,0.075);
        color: #272727;
        font-size: 17px;
        font-family: "Lato",sans-serif;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.004em;
        text-transform: uppercase;
    }

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1283714 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>