• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Add Search to Header Right Widget inline

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add Search to Header Right Widget inline

This topic is: resolved

Tagged: education pro widget, header right, search

  • This topic has 3 replies, 2 voices, and was last updated 6 years, 2 months ago by kathyosborne.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 14, 2016 at 4:21 pm #196157
    kathyosborne
    Participant

    Hi,

    I would like to have the search function be inline with the social media icons I have. Not with the navigation menu. See image below. I am using the Header Right Widget in the Education Pro theme to place my social media icons. I'm not sure the best way to accomplish getting the search field next to them. Any advice is appreciated.

    Thank you!
    Kathy

    http://www.moii.com/newsite/
    November 17, 2016 at 1:52 pm #196302
    kathyosborne
    Participant

    Hi - just checking on on this to see if anyone has any suggestions. I guess what I need to be able to do is add a search function without using the search widget so that it stays in the top header right widget.... but I'm not sure how to go about that...

    November 19, 2016 at 8:07 am #196359
    Victor Font
    Moderator

    You need to add a few CSS blocks to make this work:

    #black-studio-tinymce-8 {
        display: inline-block;
        width: 300px;
        position: relative;
        top: 7px;
    }
    
    #search-4 {
        float: right;
        display: inline-block;
        width: 200px;
    }
    
    #search-4 input {
        width: 100% !important;
    }

    Change the width to 100% for .entry-content .search-form, .site-header .search-form at line 849,


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    November 26, 2016 at 7:13 pm #196685
    kathyosborne
    Participant

    THANK YOU! That put me on the right track!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Add Search to Header Right Widget inline’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble