Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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.

    #520190

    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

    #520419

    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.

    #521114

    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

    #522121

    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

    #523076

    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

    #523082

    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

    #523711

    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

    #524704

    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, 1 month ago by janicenisha. Reason: added another button css needs tweaking
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change Nav Bar to floating style’ is closed to new replies.