Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 16, 2015 at 11:14 am #519788
    janicenisha

    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 #520190
    Elliott

    Hi 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,
    Elliott

    October 17, 2015 at 5:03 pm #520419
    janicenisha

    Hi 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 #521114
    Elliott

    Hey!

    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!
    Elliott

    October 21, 2015 at 4:39 am #522121
    janicenisha

    Hi 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 #523076
    Elliott

    Hi!

    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,
    Elliott

    October 22, 2015 at 4:21 pm #523082
    janicenisha

    Hi 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 #523711
    Andy

    Hey!

    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,
    Andy

    October 26, 2015 at 8:41 am #524704
    janicenisha

    Thanks 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
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change Nav Bar to floating style’ is closed to new replies.