Replace search bar by text :)

  • Hello !

    I need some help for the header of my website, with pictorico theme.
    I suceed to remove the search bar and replace the title of my website by a logo, with this code :

    .site-branding .site-title a {
    background: url(“myurl”) no-repeat; /* Replace image URL here */
    width: 130px;
    height: 80px;
    font-size: 0;
    line-height: 0;
    display: block;
    text-indent: -9999px;
    }
    .header-search { display: none; }

    but I want to fill the empty space between logo and menu with a text, do you know how can I do that ?

    https://lebruitdefond.fr

    Sorry for the bad english,
    have a good day ??

    The blog I need help with is lebruitdefond.fr.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @lebruitdefond – here’s something to get you started.

    
/* Add wording to the right of the logo on screens over 376px */
@media screen and ( min-width: 376px ) {
  .site-header-inner::after {
    content: "My new text";
    display: inline-block;
    margin-top: 30px;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Replace search bar by text :)’ is closed to new replies.

Tags