- This topic has 9 replies, 2 voices, and was last updated 3 years, 3 months ago by Leo.
July 21, 2018 at 1:44 pm #629328Engelbrecht
Could you help me achive this websites navigation menu (www.ing.dk viewed from iPhone) with hamburger on left, search icon left of main
Menu and secondary menu on Right side with another icon (user icon)?
I havent Been lucky to find any relevant posts about it yet since Font awesome is taken off GP and i actually dont want the whole libarary to be loaded because of performance issues.GeneratePress 2.1.3GP Premium 1.6.2July 21, 2018 at 5:49 pm #629421LeoStaffCustomer Support
First follow this page here to center the mobile header logo:
As for only loading a few icons, see Tom’s suggestion here:
Once all the elements are in we can help with some CSS to arrange them 🙂July 23, 2018 at 12:16 pm #630930Engelbrecht
Im actually finding it quite difficult to get to work properly with the logos.
my site: http://www.bryllupskuller.dk.
When on desktop, i want one version of a logo for the frontpage because ive got transparent navigation (logo thats white) and when navigating to other pages, my navigation background is white, so the logo has to change to black or darker font.
Same goes for Mobile, but im not sure i can fit the text from the logo in, so i may be creating another logo (white and black ones) that just says BK.
Then there is the alignment. Right now the logo is all to the left, but i want the navigation to be center AND the logo be left of the navigation (not all the way to the left).
It should look more or less like this: https://www.hitched.co.uk/July 23, 2018 at 7:34 pm #631149LeoStaffCustomer Support
The page header add-on allows you upload a different logo for that page header:
The next version (which is in already in release candidate) will allow you to upload a different mobile header logo as well.
It would make things a lot easier. Would you consider it?
The official release shouldn’t be too long either if you can hold off for a little bit.July 24, 2018 at 11:50 am #631802Engelbrecht
I’ve just tested the beta version. I realised that page headers were moved under Elements menu now.
However, im not sure how to get the transparent background back as you can see on http://www.bryllupskuller.dk. CSS or have i overlooked something?
Also, as you can see, ive styled a button but i realised that it depends on the navigation hight, so to avoid having a way to high button i needed to reduce hight. that leads me into problems with the logo and sticky navigation, since i cannot fit logo into navigation because of hight now and when scorlling, the nav is way to small. Im not sure how to do it with css, since it logo needs to be left aligned, center-left of navigation and when on mobile, everything changes. Mobile -> hambuger menu and search icon left, center logo and user menu (secondary navigation) right.
Regarding of changing logo based on page header element should now be fairly simple because i can target the right page or pages and exclude the frontpage! Thats nice!July 24, 2018 at 6:15 pm #631986LeoStaffCustomer Support
You will need to use the page hero merge option, like this:
As for the nav button, try adding this line to your existing CSS:
line-height: 30px;July 25, 2018 at 4:31 am #632293Engelbrecht
Thank you Leo,
It did work with the hero image now.
Another question, i want to add this shadow on the main nav, but not when on the frontpage with transparent header. Also i want it when using sticky header. How is that possible? Right now you can see a small faded line on the frontpage. Its perfect when scrolling and on all the other pages.
box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
Regarding the logo, i need to develop a new one. Going to try with a test logo the next couple of days.July 25, 2018 at 8:29 am #632544LeoStaffCustomer SupportJuly 25, 2018 at 2:28 pm #632753Engelbrecht
Oh, sure! Ive actually figured out a solution so need to worry about it. I will get back to you when i got time to play with the logos.July 25, 2018 at 4:40 pm #632796
- You must be logged in to reply to this topic.