- This topic has 37 replies, 4 voices, and was last updated 3 years, 4 months ago by Leo.
-
AuthorPosts
-
November 4, 2020 at 12:32 pm #1518195LeoStaffCustomer Support
header width to be 79px
Can you explain a bit more?
79px is tiny.
November 4, 2020 at 1:00 pm #1518229kenwhat 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.
November 4, 2020 at 1:01 pm #1518230kenAh i see the problem now, the height needs to be 79px, sorry
November 4, 2020 at 4:08 pm #1518378LeoStaffCustomer SupportNo 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/5LmzCRdK5ZoRAm I missing something here?
Let me know 🙂
November 5, 2020 at 1:17 am #1518631kenIt 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?
November 5, 2020 at 8:25 am #1519326LeoStaffCustomer SupportIt 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?
November 5, 2020 at 9:39 am #1519442kenThe search input is only for desktop.
November 5, 2020 at 9:41 am #1519449LeoStaffCustomer SupportWhere would it be positioned?
November 5, 2020 at 10:24 am #1519504kenon 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?
November 5, 2020 at 1:57 pm #1519742kenif 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?
November 5, 2020 at 2:15 pm #1519758kenfound 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.November 5, 2020 at 2:23 pm #1519764kenSorry, 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?
November 5, 2020 at 5:08 pm #1519838LeoStaffCustomer SupportCan 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-1451235Adding 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/November 6, 2020 at 4:23 am #1520230kenOkay, 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 settingcurrent-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?
November 6, 2020 at 6:32 am #1520397DavidStaffCustomer SupportHi 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.
-
AuthorPosts
- You must be logged in to reply to this topic.