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.
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
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.
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!
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?
Thank you again! I found everything I needed.
http://www.tecsaflex.com
God bless you! =))
Super, glad that helped.
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.
Found it! No more question=) Thanks!
Hi tesca
Glad to hear you found the header padding setting under Appearance > Customize > General.
All the best.
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?
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; }Yeah, it worked! Thank you, again!
For sure. Glad that helped.