Changing Header and Background
-
AuthorPosts
-
cbgloves
MemberIn Axon theme, the site title bar, which sits over a very large header section, moves up as one scrolls down the page until it fixes at the top of the window. I would like to make two changes:
1) Can I stop the moving title bar so it is fixed or static?
2) the header, or background, behind the title bar is too large, taking up nearly half the page – so I’d like to make his less high. How do I change the height?
I’m using the wide theme layout which I prefer. I am testing this premium theme on my private test blog (http://testcbgluvs.wordpress.com) before importing it to my live blog (www.cbg-loves.com).
Thank you and I look forward to hearing from you.
Julie
The blog I need help with is: (visible only to logged in users)
designorbital
Theme AuthorHelo Julie,
I am really sorry for the late response.Let discuss your first point in this response,
Can I stop the moving title bar…?
You need to change the following file,
File:
axon/js/custom.js
Remove or Comment the following code.
I have commented the code in this example/** Windows Load */ $( window ).load( function() { // Sitebar //axon.siteBarInit(); } ); /** Windows Smartresize */ $( window ).on( 'debouncedresize', function( event ) { // Sitebar //axon.siteBarInit(); } );
… so it is fixed or static?
You need to change the following file,
File:
axon/header.php
Line Number: 20Orginal Code:
<div class="sitebar sitebar-animation sitebar-default">
Modified Code:
<div class="sitebar sitebar-animation sitebar-top sitebar-fixed">
designorbital
Theme AuthorLet discuss your second point in this response,
the header, or background, behind the title bar is too large, taking up nearly half the page – so I’d like to make his less high. How do I change the height?
You need to modify the following file,
File:
axon/style.css
Line Number: 711
Original Code:
.header-custom { background: #f0f0f0; min-height: 300px; width: 100%; }
Modified Code:
.header-custom { background: #f0f0f0; min-height: 300px; max-height: 300px; width: 100%; }
So You may define max-height for the header.
ThanksHello, thank you very much for getting back to me and for the information. A few clarifications/questions if you don’t mind:
– I’m assuming these changes need to be made in the CSS mode. As I am not very adept at CSS…once I find the file or line number, may I copy/paste the code above you provided and then adjust the max-height as I see fit?
– I’ve purchased Axon for my live blog (www.cbg-loves.com) but have applied it currently to a test blog that isn’t published so I could get it set up without disrupting my live blog. The Custom/CSS subscription I have is on the live blog, so I guess I would need to make these changes after I switch over.
– I was also having some trouble with the Menu feature. I set it up and added a sub page, but it (the sub page) won’t publish.
– Additionally, when I order the pages the way I want them, they publish in alphabetical order, though on the back end it shows ordered as I put them. Any suggestions?
Sorry for all the questions. Thank you in advance and I look forward to your reply.
Julie
designorbital
Theme AuthorNo Problem,
I’m assuming these changes need to be made in the CSS mode. As I am not very adept at CSS…once I find the file or line number, may I copy/paste the code above you provided and then adjust the max-height as I see fit?
Header height can easily be manged in the style.css file. Yes, you may copy paste the code at the exact position.
.header-custom { background: #f0f0f0; min-height: 300px; max-height: 300px; width: 100%; }
Thanks
designorbital
Theme AuthorI’ve purchased Axon for my live blog (www.cbg-loves.com) but have applied it currently to a test blog that isn’t published so I could get it set up without disrupting my live blog. The Custom/CSS subscription I have is on the live blog, so I guess I would need to make these changes after I switch over.
Yes
designorbital
Theme Author– I was also having some trouble with the Menu feature. I set it up and added a sub page, but it (the sub page) won’t publish.
– Additionally, when I order the pages the way I want them, they publish in alphabetical order, though on the back end it shows ordered as I put them. Any suggestions?
I think you are not using the Custom Menus. Following tutorial will be helpful to you and the answer of your above questions.
http://en.support.wordpress.com/menus/
Thanks
Thank you very much for the information. Will let you know if I have further questions.
Julie
- The topic ‘Changing Header and Background’ is closed to new replies.