Okay
  Public Ticket #175928
Centered Logo and Menu?
Closed

Comments

  • Michael started the conversation

    Hi,

    I have a few questions. I know a little about how to tweak the backend, but am mostly having trouble locating where the code is:

    1. I would like to center the logo above the menu, and also center the menu itself underneath the logo. Is there an easy way to do this? I can't seem to locate the code for tweaking this.

    2. I would like to adjust he filternav options so that the "Display Filters Horizontally" option will still leave the page name at the top left, instead of the "current-category". I want people to see the page name the same way as on the drop down option.

    3. I would like to tweak the filtering animation. I haven't been able to find the coe for that, to make adjustments. Just tell me where it is, and I can probably make the adjustments myself.

    3. Can I get rid of the "sort portfolio" wording? I know where to edit it, but I want to remove it altogether. I think that part is self explanatory.

    5. Any chance you can allow us to search the forums by two words? I might be able to find others who had these same questions, but as it is its hard to scan by just one word search. It'd save you guys a lot of time with tickets!

    Thanks for a great theme!

  •  1,069
    ThemeNectar replied

    Hey Michael!

    1. Add this into the Custom CSS box located in your Salient Options panel: 

     
    header#top nav {
      text-align: center!important;
    }
    
    header#top nav > ul {
      float: none!important;
      display: inline-block!important;
    }
    
    body #header-outer .span_9, body #header-outer .span_3  {
      display: block!important;
      float: none!important;
      margin: 0!Important;
      width: 100%!important;
    }
    
    header#top #logo img {
        margin: 0 auto 20px auto!important;
    }
    

    2.
     
    #portfolio-filters-inline #current-category {
      display: none;
    }
    

    You can remove the current category with that, but adding the page title in its place will require some custom development. The file to make the mod in would be nectar/tinymce/shortcode-processing.php

    3. Search for ".isotope .isotope-item" in the style.css to end up at the relevant rules :)

    4.
     
    #sort-label { 
     display: none!important;
    }
    

    5. You should be able to search however many words you need to - this isn't my own system though (Ticksy is a 3rd party ticket system a lot of authors on Envato use) so unfortunately I can't get at the code behind it at all. If you're being limited to one word, that sounds like a bug. What browser are you experiencing this on and are you just not able to place a space between your words in the input field?

    Cheers :)

  • Kate replied

    Thank you - the centered logo and navigation has really helped me.

    However, the row that contains the navigation is now very deep - I can't seem to find where to change it to just be the height that the nav requires?

    PS. Love Salient! Tried to use another (high selling) theme since I used this one and it was terrible....

  • Kate replied

    I found this code and changing the padding to 10 or 20px solves it for me at this stage...

    header#top nav > ul > li > a {
    padding-bottom: 110px;
    padding-top: 90px;
    }


  •  8,838
    Tahir replied

    Hey Kate!

    Glad you got it sorted. 

    Cheers


    ThemeNectar Support Team 

  • Jim replied

    Is there a simple way of ensuring the mega menu works with this centred layout? Hope you can help, cheers guys

    Jim

  •  8,838
    Tahir replied

    Hey Jim!

    This is just a hack and therefore we can not ensure if the mega menu would work or not. 

    Thanks


    ThemeNectar Support Team 

  • Adam replied

    Hi IAN,

    There seems to be some bugs with the 'Centered Logo' hack. I am currently using v4.0.2

    1) When using the 'Transparent Header' option, the hack breaks, forcing the logo to justify left.

    2) When pressing the Search icon, the "Start Typing..." field appears for a second... only to then disappear altogether. When hiding this line

    header#top #logo img { margin: 0 auto 20px auto!important; } The problem disappears but the logo is no longer centered.

    cheers,


  •  8,838
    Tahir replied

    Hey Adam!

    The logo markup was changed a bit in version 4.0 so you would need to reflect those changes in the css as well for the hack to work .Please Use the Inspect element in Chrome Browser to view the new logo markup . 

    Cheers


    ThemeNectar Support Team