Remove search field and "wrapper" from header

  • Author
    Posts
  • #1877313

    ordkraft
    Member

    Hi. Using the Pictorico theme, and are wondering if there is any way one could remove the “search field” from the header and get a wider space for the websites name? I’ve already removed the search field by using:
    .header-search { display: none; }, but there’s still a line there that I hope to remove.

    Thanks in advance :)

    #1877409

    vinoddalvi
    Member

    Hi @ordkraft,

    Greetings and thanks for posting on the forums.

    I think you are talking about vertical lines displayed in the left and right sides of the search field. If this is the case then you can remove these lines by using the following CSS code.

    div.site-branding {
        border-right: none;
    }
    
    #site-navigation {
         border-left: none;
    }

    Best Regards,
    Vinod Dalvi

    #1877461

    ordkraft
    Member

    Thanks, that worked like a charm :) But is there a way to expand the width on the area for the “site name”?

    #1877462

    raincoaster
    Member

    And what is the URL of the site?

    #1877463

    ordkraft
    Member
    #1877464

    vinoddalvi
    Member

    Hi @ordkraft,

    is there a way to expand the width on the area for the “site name”?

    Try using following CSS code to achieve it.

    div.site-branding {
       max-width: 70%;
    }

    Regards,
    Vinod Dalvi

    #1877466

    ordkraft
    Member

    Thanks! That was just what I needed :)

    #1877467

    vinoddalvi
    Member

    You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)

The topic ‘Remove search field and "wrapper" from header’ is closed to new replies.