Hi, I was using the old method to make my main menu and header logo stay at the top of the screen when a user scrolled won the page. This is the old code I used: @media screen and (min-width: 800px) { .custom-fixed-header { position: fixed; top: 0; width: 100%; z-index: 2000; } } @media … Read more
Here’s what we’re trying to achieve: On Desktop: a Fixed/Sticky Menu & header (area with the logo) On Mobile: sticky menu only Here are the items we need help with: 1) We applied the CSS, for desktop only, detailed in https://generatepress.com/forums/topic/how-can-i-create-a-fixed-header-and-top-menu-in-the-generate-press-theme/#post-31579. The sticky menu/header work fine, but the Page Header background image gets stretched vertically … Read more
I am currently building my first site with GP. I strongly dislike “jumping headers”, I find them irritating and think they may distract from the content of the page. I used sticky navigation and I achieved the static header look with custom CSS. I normalized all paddings, logo dimensions even letter spacing in the menu. … Read more
Hi Tom, Can you check the left side of the header on an iphone. There are some pixels there i cannot fix… this is my css code: .custom-fixed-header { position: fixed; top: 2000; width: 100%; z-index: 2000; } .container { padding-top: 20px; } Thanks! Ted
I have done this: http://generatepress.com/forums/topic/how-can-i-create-a-fixed-header-and-top-menu-in-the-generate-press-theme/#post-31579 “Tribute Journal” is the “Logo” and then there is a 1318×130 image that is the header (in the background images section) that includes the pen and other text etc. After putting the recommended code in to Edit CSS and into GP hooks – my page header is getting cut off. … Read more
Hello, 1st of all, thank you very much for this wonderful theme.This is just brilliant, without exceptions !! But there is one tiny thing that i can´t get sorted out. See this page: http://dogsbestfriends.de The image-slider shows up on main-page only which works just fine. I am using GP Hook “After Header” with following code … Read more
GeneratePress
© 2024 EDGE22 Studios LTD.