[Support request] Customize header

Home Forums Support [Support request] Customize header

Home Forums Support Customize header

Viewing 15 posts - 16 through 30 (of 38 total)
  • Author
    Posts
  • #1518195
    Leo
    Staff
    Customer Support

    header width to be 79px

    Can you explain a bit more?

    79px is tiny.

    #1518229
    ken

    what explanation do you need? It’s going to fit, that’s actually my biggest problem making it 79px, because i realise that there are quite a few divs that i need to change.

    #1518230
    ken

    Ah i see the problem now, the height needs to be 79px, sorry

    #1518378
    Leo
    Staff
    Customer Support

    No problem!

    Now let’s take a look at:

    – vertical align center

    This should be by default and looks like it’s centered already:
    https://www.screencast.com/t/5LmzCRdK5ZoR

    Am I missing something here?

    Let me know 🙂

    #1518631
    ken

    It depends on which class i set the height on, i will have to set the height for both masthead and .inside-header.grid-container, i was thinking if it’s possible to use GPPremium to do it without CSS, or that the change could be cleaner/less messy (changing each classes case to case) but from what I am understanding your way would be to change them element by element correct? Then the following should work for the height and center:

    
    .masthead {
     height:86px;
    }
    
    .inside-header.grid-container{
     height:86px;
    }
    

    The next thing would be where & how could I add the button and input field. That would need HTML correct? Where and how can I add that? Or is there a method in GP Premium for that?

    #1519326
    Leo
    Staff
    Customer Support

    It depends on which class i set the height on, i will have to set the height for both masthead and .inside-header.grid-container, i was thinking if it’s possible to use GPPremium to do it without CSS,

    If you are using the 3.0 flexbox structure of the theme, then that should be by default:
    https://generatepress.com/generatepress-3-0-a-new-era/

    You can also consider this option:
    https://docs.generatepress.com/article/navigation-as-a-header/

    Button in navigation can be done like this:
    https://docs.generatepress.com/article/adding-buttons-navigation/

    As for search input, would that be for desktop or mobile as well?

    #1519442
    ken

    The search input is only for desktop.

    #1519449
    Leo
    Staff
    Customer Support

    Where would it be positioned?

    #1519504
    ken

    on the right as the last item in the menu. Besides, could you tell me how I could have a gradient background when the dropdown when hover and when menu is selected?

    #1519742
    ken

    if i understand the button link https://docs.generatepress.com/article/adding-buttons-navigation/ correctly. It just tells me to add HTML and css. Where and how can i add the HTML?

    #1519758
    ken

    found this https://generatepress.com/forums/topic/custom-html-in-left-site-header/ that was helpful.

    So what I still need are:
    – search input field
    – dropdown background colour change when hover
    – menu background color when selected (at the page)
    for the navbar.

    #1519764
    ken

    Sorry, i didn’t really solved it. The CSS worked on the page where I add the additional CSS but not on the actual page. In the actual page it seems to be blocked by main-navigation .main-nav ul li[class*="current-menu-"] > a but when i add styles to it, it changes another element in the menu that has the same name.

    Do you know why?

    #1519838
    Leo
    Staff
    Customer Support

    Can we please tackle one issue at a time?

    It would really help if you can open a separate topic for each of the questions even though they are all related to the header.

    So for adding the search form in the navigation, you can try this:
    https://generatepress.com/forums/topic/change-search-field/#post-1451235

    Adding PHP: https://docs.generatepress.com/article/adding-php/

    As for the button in navigation, there is no HTML required if you follow the steps in the article. The CSS can be added using one of these methods:
    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #1520230
    ken

    Okay, sorry. I will open a seperate topic, however I read that one user can only have one topic is that right?

    So the next step for me on the header would be
    – when the menu button is selected, the background turns white, how do i change that? Tired setting current-menu-item but it didn’t work.
    – dropdown background colour change when hover
    – menu background color when selected (at the page)
    for the navbar.
    – what does the search function search? Can I set that?

    Should I open a topic for each?

    #1520397
    David
    Staff
    Customer Support

    Hi there,

    we originally imposed a 1 topic limit as some users were asking many times more than that which meant other users were not getting the level of attention they required. We have since eased back on that measure and 3 open topics are allowed at any one time.

    Related requests such as menu item colors, where there may be multiple variants ( eg. main menut and drop down ) can be asked in one topic.

    The search function should be a separate topic.

    The benefit of keeping them separate means you and other users can easily find the support topics in the future – as combined topics can be awful for you to find those answers later.

Viewing 15 posts - 16 through 30 (of 38 total)
  • You must be logged in to reply to this topic.