Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #213163

    Hi All,

    I love this the WP theme!! I was wondering how I would move the search from the top navigation? Also, I’d like to add a small button to top right of the navigation. Is there a way to do this? If you could tell me how, I’d be forever grateful.

    Thanks,
    Sally

    #213168

    I figured out how to remove the search.

    I still need help with adding a small blue button that says ‘Request a Demo’ to the main navigation and need it to align it all the way to the right. Is this possible?

    ** This is for the Enfold Theme **

    • This reply was modified 8 months ago by  ojooce.
    #213244

    Hi!

    Create a custom link on Appearance > Menus, add the url then label it “Request a Demo”. Inspect the menu item then get the menu id. It will something like “#menu-item-2311″. Yours might be different. Add this on Quick CSS:

    .sub_menu #menu-item-2311 a {
    position: relative;
    width: 100px;
    background: blue !important;
    display: block;
    text-align: center;
    top: -11px;
    left: -5px;
    }

    Please give us a link to the website after you added the custom link.

    Regards,
    Ismael

    #213700

    Thanks for getting back to me Ismael! I was able to create the custom link and got the menu item id. I wasn’t sure what Quick CSS was… can I find it on the dash board? Do I need to go in through FTP to update one of the stylesheets with the code above? If so, which stylesheet would I add it to? Sorry, I am new to all this. Thanks so much for your help and patience.

    #213785

    Don’t wanna highjack the thread, but I was looking for the same solution.
    I tried what you suggested, but it doesn´t change the color.
    My menu item was 749
    You can see the page here http://skadsandrup.dk/forside/

    #213851

    Hi!

    Please go to Enfold theme options > Header and simply uncheck “Append search icon to main menu”.

    Cheers!
    Yigit

    #213871

    But what about the button?

    #214186

    Hi!
    ,
    Can you post a screenshot and show the changes you would like to make? If you want a secondary menu, you should choose one of the header types with secondary navigation in Enfold theme options > Header

    Regards,
    Yigit

    #214308

    No offense Yigit. But have you read this thread?
    I want what Ismaels code was suppose to do

    #214444

    Hey!

    None taken. and yes, most certainly i did. Ismael’s code starts with .sub_menu which is the class of secondary menu located in header meta section. I checked your website and you do not have secondary menu. That is why i asked you to post a screenshot so we can understand what you need more clearly and maybe find another approach

    Cheers!
    Yigit

    #214483

    Ahhh my mistake
    It´s the main menu I want to do it in. Any of the buttons would do, as I can just change the number to correspond with the button, as I understand

    #214492

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .main_menu ul:first-child > li#menu-item-315 > a { background-color: red; color: white; }
    .main_menu ul:first-child > li#menu-item-315:hover > a { background-color: orange; color: black; }

    It will change the color and background color of “I Skads og Andrup” menu item. You can apply any other css changes you would like to apply using this css code

    Regards,
    Yigit

    #214493

    Thanks :)
    It works. But can I make it smaller, so it´s more like a button and doesn’t fill the whole menu area? If you now what I mena

    #214498

    Hi!

    It is possible but as you are using fixed resizing header, transition of that particular menu item would not be as soft as others. Do you mind creating a temporary admin login and posting it here privately so i can make it quickly then you can adjust as desired?

    Regards,
    Yigit

    #214500

    Thanks Yigit – it worked like a charm. However, right now the color is taking up the entire background as a block. How could we incorporate the Enfold Theme styled button (found here: http://www.kriesi.at/themes/enfold/shortcodes/buttons/). Specifically, I’d like to use the small teal button. Any help would be appreciated. Thank you.

    #214501

    Hi!

    @ojooce Can you post the link to your website so we can check what type of header you are using? You can also check it in Enfold theme options under Header tab

    Cheers!
    Yigit

    #214503
    This reply has been marked as private.
    #214511

    I´m using small fixed header.
    I’m looking for the same as ojooce about the size and more buttonlike

    #214747

    Hi!

    Please replace the code using this:

    .main_menu #menu-item-2609 a {
    position: absolute;
    width: 120px;
    background: blue !important;
    display: block;
    top: -11px;
    left: -130px;
    height: 40px;
    line-height: 40px;
    color: white;
    padding: 5px 10px 15px 10px !important;
    }

    Cheers!
    Ismael

    #214754

    Thanks Ismael – that’s a lot better. I tweaked the color and size a little bit. Right now the button is at the top of the page away from the navigation… I kinda like it that way. However, if my client wants the button to be aligned with the rest of the top menu, what parameters would I need to change in the code? Thanks again for all your help!

    #214828

    Hey!

    Then you can adjust the code a bit to be as following

    .main_menu #menu-item-2609 a { top: 18px;
    height: 50px;
    line-height: 30px; }

    Cheers!
    Yigit

    #220353

    Thank you! Worked perfectly!

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘Remove Search from Nav and Adding a Button’ is closed to new replies.