- This topic has 41 replies, 3 voices, and was last updated 4 years, 9 months ago by Leo.
-
AuthorPosts
-
July 10, 2019 at 7:20 pm #954504Alan
Ok now just to try and make it a bit harder…
Can you please edit those two codes so that the left area is 60% and the right one is 40%
That would solve the image being in one and the text be in another.
How do I move the logo up to the top bar or what would be best for that?
July 10, 2019 at 8:22 pm #954523LeoStaffCustomer SupportFor 60/40 split, replace:
.header-section > div { width: 50%; }
With
.header-section .header-section-1 { width: 60%; } .header-section .header-section-2 { width: 40%; }
Not sure what you mean by logo but have you tried the method suggested previously?
https://docs.generatepress.com/article/navigation-as-a-header/July 10, 2019 at 8:31 pm #954532AlanThanks
OK here goes. Im not sure Im in the correct area. Where do I paste the html and css? Do I paste the html here?
https://www.dropbox.com/s/51uufpyq1je3tkm/Hook1.PNG?dl=0″
Do I tick any boxes?
July 10, 2019 at 8:39 pm #954538LeoStaffCustomer SupportCan you try the header element (instead of hooks element showing in your screenshot) as suggested a couple times here?
https://generatepress.com/forums/topic/header-logo-nav-layout/#post-951526
https://generatepress.com/forums/topic/header-logo-nav-layout/#post-954478Please do take a look at this article:
https://docs.generatepress.com/article/how-to-create-a-page-hero/July 10, 2019 at 9:04 pm #954551AlanJuly 10, 2019 at 9:19 pm #954559LeoStaffCustomer SupportYup that looks good.
July 10, 2019 at 9:40 pm #954572AlanOk I will have a go. Does the css just go in customise – css?
July 10, 2019 at 9:43 pm #954575AlanAnd once I’ve finished it how do I upload to it?
Do I just remove my existing image from the header widget and this overrides that widget?
July 10, 2019 at 9:49 pm #954577LeoStaffCustomer SupportYou would use the display rule to display it:
https://docs.generatepress.com/article/header-element-overview/#display-rulesJuly 10, 2019 at 11:04 pm #954598AlanOk I sort of have it working. How do I enter my text and do I remove my old background and somehow add it again?
July 10, 2019 at 11:11 pm #954603AlanAlso how do I get it to appear differently on a mobile phone so that the van appears full width on the screen and the text area appears full width below the van?
July 10, 2019 at 11:15 pm #954605LeoStaffCustomer SupportYour text would replace the “text section” here:
https://generatepress.com/forums/topic/header-logo-nav-layout/#post-954501Add background image:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-2-choose-a-backgroundStack image and text section on mobile:
@media (max-width: 768px) { .header-section { flex-direction: columns; } }
July 10, 2019 at 11:29 pm #954610AlanOk getting there …
How do I now move the logo up into the top bar?
July 10, 2019 at 11:36 pm #954613AlanAlso how do I create padding between the van and the text? The padding that I entered in the header settings seems to be for the entire header
July 10, 2019 at 11:51 pm #954618AlanI think that I moved the logo up to the top bar correctly.
-
AuthorPosts
- You must be logged in to reply to this topic.