CSS button in the top-bar menu

  • Hello,

    I d like to add a css button in the top bar menu. In the menu edition, I put the name of the button (myButton) in the css classes and its css in my style.css (.myButton {…}).

    Then the button appear in my top-bar, but without the text. I have the buttom html ( textonthebutton ) but I don t know where I have to past it..

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    Hey, can you post a link? Any reason you’re not using the topbar widget area and adding the Button (PB) widget?

    Hannah

    Thread Starter edouardcoleman

    (@edouardcoleman)

    Thanks Hannah for replying.

    Yes I was not using the topbar widget and the reason was simple: I didn t know there was one ;). I only looked in the widget edition..

    Now I put the html code inside it and that works!

    But then I got another request : I d like it to appear at the left of the bar, not between the main menu and the search form.

    If I use the “Topbar Layout Switch” in Theme Options > Topbar Settings (This moves the left items to the right and right items to the left) then the button is OVER the search form (they are not horizontally inlined) on the left and the menu is on the right.

    What I’d like is: The button at the extrem left, then the menu, and the search form at the right.

    Do you know how to do it?

    (My site is not online yet so I cant post a link)

    It’s really hard to post the correct css without seeing your site. And since you’ve added a widget I can’t really guess. You might just wait on this until your site is live then post back with a link.

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS button in the top-bar menu’ is closed to new replies.