Home>Support>Change header at Portal theme

Change header at Portal theme

By tecsa, 6 years ago. Last reply by Andrew Misplon, 6 years ago.

Hello! I have some questions about the header of Portal theme.
Here’s the website: http://www.tecsaflex.com/
How can I change the header? I want to remove the link to main page and want to arrange the logo. In future I want to use wide banner instead of this logo. So can I change the height of the header.
And where can I change the background of the column (from white color to my .png pattern) and the width of the column?

I will wait for your help, please.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 1 month ago tecsa

    I found how to remove the navigation link, now I can’t find how to change the width of header to fill it with big logo without padding

  2. 6 years, 1 month ago Andrew Misplon Hi, I Work Here

    Hi Mikhail

    Looks like you’ve made some positive progress since posting this thread.

    The Portal header uses margin and padding so getting the logo to 100% width and height will take a little custom development. That said, it looks like you’ve found a good comprise.

  3. 6 years, 1 month ago tecsa

    Thanks, Andrew!

    I’ve spent a lot time in it’s css. It was not so hard.

    But can you help me with three advices:
    1. I’ve hidden the navigation menu with:

    body.responsive #masthead .main-navigation-float {
    		display: none;

    I heard that it is bad to hide links for SEO and search results. Search engines gives penalty for it, is it true?

    2. I cant find codes for changing headers arrangement. I want to arrange my logo and site’s description.

    3. I can’t find the code for site’s main column width. I trieds this – https://siteorigin.com/thread/how-can-i-resize-these-areas-in-the-portal-theme/ But it’s not working. I want to make the site’s area narrower.

    Thank you!

  4. 6 years, 1 month ago Andrew Misplon Hi, I Work Here

    For sure.

    1. You can rather save a blank menu. Head to Appearance > Menus, remove all the items from your menu and save it to the Primary Menu location.

    2. You can left align the Portal logo as follows:

    /* Portal Left Align Logo */
    
    #masthead hgroup {
    float: left !important;
    }

    3. Have you applied the selector from this thread: https://siteorigin.com/thread/how-can-i-resize-these-areas-in-the-portal-theme/ and reduced the stated width used there?

  5. 6 years, 1 month ago tecsa

    Thank you again! I found everything I needed.
    http://www.tecsaflex.com

    God bless you! =))

  6. 6 years, 1 month ago Andrew Misplon Hi, I Work Here

    Super, glad that helped.

  7. 6 years, 1 month ago tecsa

    Hello again! My final question is:
    Where can I change the the height of “Top Area Text”?
    I want to make less space at the header.

  8. 6 years, 1 month ago tecsa

    Found it! No more question=) Thanks!

  9. 6 years, 1 month ago Andrew Misplon Hi, I Work Here

    Hi tesca

    Glad to hear you found the header padding setting under Appearance > Customize > General.

    All the best.

  10. 6 years, 13 days ago tecsa

    Hello again! I’m back with difficult question.
    I have difficulties with mobile version of my web-site.
    I visit my website from iphone http://www.tecsaflex.com/ and what I see:
    The width of main page is narrower than logo. So how can I fix it? And how to fix the background while scrolling?

  11. 6 years, 13 days ago Andrew Misplon Hi, I Work Here

    Hi

    Looks like you fixed the background. Here is how to sort out the logo – paste into your Custom CSS module:

    #masthead hgroup h1 a img {
    max-width: 100% !important;
    height: auto !important;
    }
  12. 6 years, 12 days ago tecsa

    Yeah, it worked! Thank you, again!

  13. 6 years, 12 days ago Andrew Misplon Hi, I Work Here

    For sure. Glad that helped.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More