Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Top Header Width/Icons

Home › Forums › Pro Support › Top Header Width/Icons

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 15, 2018 at 5:04 pm #68118
    Anonymous

    Hi!

    I’m having trouble getting my social icons (as the html content) and search to move all the way to the right corner of my site on the top header bar. There’s currently a large gap between them and the corner. How might I fix this?

    And a second question – is it possible to replace the search bar with an icon?

    Thank you so much!

    Best,
    Rachel

    June 15, 2018 at 5:07 pm #68124
    Peter FeatherstonePeter Featherstone
    Participant

    Hi Rachel,

    1. The below Custom CSS will move everything to the right:

    #responsive-menu-pro-header {
   text-align: right:
}

    2. You can use the additional content option instead to create your own search bar with your own custom html to replace the current one if you wish.

    I hope that helps

    Peter

    June 19, 2018 at 12:37 am #68123
    Anonymous

    Hi Peter,

    Thank you very much, but unfortunately that did not work! There is still a relatively large gap between the icons/search bar and the corner.

    Thanks!
    Rachel

    June 20, 2018 at 7:59 pm #68122
    Anonymous

    I should mention that once it hits a certain point on the right (after I push the icons and search bar over with an invisible title) they move to the next line instead move all the way to the corner.

    Thanks again for your help!

    Rachel

    June 22, 2018 at 10:35 am #68121
    Peter FeatherstonePeter Featherstone
    Participant

    Hi Rachel,

    Are you saying you want it all the way over to the right? If so, you need to remove the padding too:

    #responsive-menu-pro-header {
   padding: 0;
}

    Peter

    June 28, 2018 at 6:58 pm #68120
    Anonymous

    Thank you so much Peter! It worked!

    Best,
    Rachel

    July 3, 2018 at 6:51 pm #68119
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Rachel,

    You are welcome 🙂

    Peter

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Top Header Width/Icons’ is closed to new replies.