Navigation Bar with 2 Widgets Aside

Community Forums Forums Design Tips and Tricks Navigation Bar with 2 Widgets Aside

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  braddalton 7 months, 4 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #83179

    narock2001
    Member
    Post count: 2

    Hello,

    I’m working on the Eleven40 template and I was wondering if there was a way to have 2 widgets on the navigation bar ? I’d like:
    - The logo to be on the left
    - The menu in the middle
    - Simple social media plugin on the right

    When I try adding a second widget it goes directly under and not aside : /

    If you could just give me the css in order to have the 3 elements in the same line and responsive it would be great !

    Thank you !

    #83183

    braddalton
    Participant
    Post count: 9412

    No need for a second widget

    Try this http://wpsites.net/web-design/display-header-right-widget-custom-menu-social-icons-in-line/


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #83187

    narock2001
    Member
    Post count: 2

    That was fast thank you !

    Lastly do you know how can I reduce the height of the bar ? I’ve tried with some tutorials I’ve found on the web but they didn’t work and I’m afraid the nav bar won’t be responsive after those modifications… !

    #83190

    braddalton
    Participant
    Post count: 9412

    Can you link to your site please.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #83210

    narock2001
    Member
    Post count: 2

    This is the link of my website: http://thegeekinvasion.com/newblog/

    As you can see the buttons are going below eventhough I added the css !

    #83225

    braddalton
    Participant
    Post count: 9412

    There’s not enough room in your header plus you need to use the Simple Social Icons. If you remove some menu items, it will work. Different themes may need different CSS values.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.