-
AuthorPosts
-
October 16, 2015 at 11:14 am #519788
Hi there,
I love your theme, just need to customize the header to look as such : http://nichestudio.my/layout-final.jpg
Could I have a heads up on where I should start? Do I add elements to #header_main { ? Which header menu should I use in the theme settings?
Also I’d like to add a button to the top header as per my link sample. How do I do this?
Thanks.
October 16, 2015 at 5:47 pm #520190Hi janicenisha!
It looks like you would need to add a color section or fullwidth easy slider to your page and then set the header to transparent in the page layout settings so it displays on top of it. Then you would need to add some custom CSS to give it a white background.
Not sure what you mean by the button in your screenshot. If your talking about the white border button style in your header menu then you can set that style in Dashboard > Appearance > Menu as you edit each link. Click on the dropdown arrow of each link and there will be an option for changing it’s style.
Regards,
ElliottOctober 17, 2015 at 5:03 pm #520419Hi Eliott,
Thanks for your reply. Does this mean for every page created I have to select Transparent header? Is there any way I can set Transparent header as default for all pages? This would be so my client does not have to select Header type each time a new page is created.
Appreciate the advise.
Managed to get it done btw: http://nichestudio.my/aham/transparent-header/
Thanks.
October 19, 2015 at 6:20 pm #521114Hey!
There is no option for that currently. Consider creating a feature request here, https://kriesi.at/support/enfold-feature-requests/, and we’ll see if we can get a default option added.
Cheers!
ElliottOctober 21, 2015 at 4:39 am #522121Hi Elliot,
Back to my question about having a bordered button on the Top Header.
I did select the menu style – Bordered, but it does not reflect in the top bar. However this works on the main menu bar. What am I overlooking?
Thanks
October 22, 2015 at 4:14 pm #523076Hi!
Yes, it’s only a styled that is applied to the main navigation. Which link in your header menu are you trying to change? We could try giving you some CSS.
Regards,
ElliottOctober 22, 2015 at 4:21 pm #523082Hi Elliot,
I want to change the I-ACCESS link so it will look like this – http://nichestudio.my/layout-final.jpg
Would really appreciate your help.
Another unrelated question sorry to post here, I want to have a magazine post layout for new items, but I don’t want it to link to posts but to a page or URL. Can this be done?
Thanks
October 23, 2015 at 12:54 pm #523711Hey!
try this code for your I ACCESS button:
li#menu-item-32 { border: white 2px solid; border-color: rgba(255,255,255,1) !important; color: white !important; }
Regards,
AndyOctober 26, 2015 at 8:41 am #524704Thanks Andy, worked perfectly!
Hi support team, am editing my old comment because its the same topic, hope thats ok.
I’ve added another menu on the top bar, I need it to be coloured, so I’ve added this css below. The thing is when its in responsive mode, the button has some extra padding and looks off.
li#menu-item-301 {
border: 2px solid;
background-color: #003b70 !important;
border-radius: 2px;
color: #ffffff !important;
padding: 3px 10px;
margin: -2px 5px;
}Hope to get some advise, thanks!
- This reply was modified 9 years ago by janicenisha. Reason: added another button css needs tweaking
-
AuthorPosts
- The topic ‘Change Nav Bar to floating style’ is closed to new replies.