Changing Header and Background

  • Author
    Posts
  • #49813

    cbgloves
    Member

    In 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 testcbgluvs.wordpress.com.

    #50111

    designorbital
    Theme Author

    Helo 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: 20

    Orginal Code:

    <div class="sitebar sitebar-animation sitebar-default">

    Modified Code:

    <div class="sitebar sitebar-animation sitebar-top sitebar-fixed">

    #50112

    designorbital
    Theme Author

    Let 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.
    Thanks

    #50113

    cbgloves
    Member

    Hello, 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

    #50114

    designorbital
    Theme Author

    No 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

    #50115

    designorbital
    Theme Author

    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.

    Yes

    #50116

    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

    #50125

    cbgloves
    Member

    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.