Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 12, 2015 at 9:30 pm #443381
    llindley

    Hey there!
    I’ve been reading through different threads on this topic, but haven’t found a clear understanding on how to accomplish it. I’m wanting to add a “Book Now” button on the right side within my top main nav (to the right of the word “Contact”). Any help on what specific steps I need to take to add it and style it is much appreciated!! :)
    Thank you,
    Tory

    May 12, 2015 at 11:05 pm #443433
    Yigit

    Hi Tory!

    You can simply go to Appearance > Menus and add it as a new link to your main menu :)

    Regards,
    Yigit

    May 13, 2015 at 7:23 pm #443963
    llindley

    Hi Yigit!

    Thank you for the quick response! I have just a couple other questions…

    1) How do I style the “BOOK NOW” link to look like a button instead of just another nav link-
    For example: Non active- white text with a blue box; Hover- white text with a gray box (like my other
    buttons throughout the site)

    2) Adding that additional link to my main menu has caused the menu items to overlap with my logo on the left
    side. Is there a way to either (1) shift my logo more to the left or (2) shift the entire main nav to the right?

    Thank you for your help on this! I appreciate it!!

    May 16, 2015 at 7:51 pm #445294
    mitchlu

    Hello,

    I am also interested in a solution for this.

    Thanks,
    Mitch

    May 16, 2015 at 10:43 pm #445316
    marinamcdonagh

    HI!
    I have the same question.
    I would like to place a BOOK ONLINE link in the header/logo area.

    – not on the main menu, not on the header extra area.

    Is there a way to make some sort of image map link so if I create the graphic of ‘BOOK ONLINE’ it can link to the appropriate page?

    thank you!

    May 18, 2015 at 5:56 pm #445903
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-4340>a>.avia-menu-text {
  background-color: orange;
  padding: 10px;
  border-radius: 5px;
  color: white;
}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg


    @marinamcdonagh     Please see – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Yigit

    May 18, 2015 at 11:55 pm #446126
    llindley

    Hi Yigit!

    Thank you for the response! I added the code above to my Quick CSS.
    Two questions:

    1) How do I get the blue box to turn gray on hover?

    2) How do I get RID of the current hover (white background box with blue underline) on JUST the “BOOK NOW” area?

    Thank you for your help!! :)
    Tory

    May 19, 2015 at 7:47 pm #446664
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #menu-item-4340 span.avia-menu-fx {
  display: none!important;
}
li#menu-item-4340:hover>a>.avia-menu-text {
  background-color: #e8e8e8;
}

    Regards,
    Yigit

    October 11, 2017 at 3:03 pm #862913
    A

    Hi,

    I want to do the same thing and it already worked for me but i would like to place that button after the search icon.
    So first the navigation, then search icon, and then the button.

    Is this possible?

    • This reply was modified 7 years, 2 months ago by A.
    October 11, 2017 at 3:17 pm #862919
    Yigit

    Hi!


    @artiteq     Can you please start a new thread under Enfold sub forum and attach a link to your website and a screenshot showing the changes you would like to make?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links in your threads.

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Adding a button to my header’ is closed to new replies.