Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 3, 2016 at 11:37 pm #656337
    jvivies

    Hello,
    I’d need some help with a customer’s request.
    I need to create a header with : LOGO + TEXT + BUTTON (see pdf mock-up).
    Is there an easy way to do that ?
    Thanks,
    — Jérôme.

    July 4, 2016 at 5:44 pm #656661
    Rikard

    Hi Jérôme,

    Not sure if I really got your sketch but send us a link to the project and try to explain a bit further and we’ll take a look at it.

    Best regards,
    Rikard

    • This reply was modified 8 years, 4 months ago by Rikard.
    July 4, 2016 at 6:06 pm #656672
    jvivies

    Hello,
    Here is the link to my project and another to an exemple that I would like to imitate.
    I want to have the logo, then some text, then a button (instead of the shopping cart).
    Thanks very much in advance.
    — Jerome.

    July 4, 2016 at 7:01 pm #656693
    Jordan

    Hi Jerome,

    The best way would be to add a header widget following these instructions – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    You can also go to the Enfold theme options then Header and add the text in the “Extra Info/ Phone” section.

    Let me know if you need further assistance.

    Best regards,
    Jordan

    July 6, 2016 at 11:20 am #657382
    jvivies

    Hello,
    I’ve added the second code (the one for menu below) at the end of the functions.php file in appearance>editor.

    First point : the text comes first above the Logo, not after (!)
    Other point : what’s the best way to proceed so that the file won’t be crushed when an update occurs ?

    Jerome.

    • This reply was modified 8 years, 4 months ago by jvivies.
    July 6, 2016 at 8:16 pm #657705
    Rikard

    Hi,

    Did you add the CSS from the guide? I looks you did not. The best way is to use a child theme: http://kriesi.at/documentation/enfold/portfolio-item/create-a-child-theme/. Please post admin login details in private if you should need any further help.

    Best regards,
    Rikard

    July 6, 2016 at 10:44 pm #657755
    jvivies

    Hello,

    Yes, I’ve tried the css but the text is always appearing in a line above the logo, not on its side.

    My aim is still to have a presentation as in the link I posted in private.

    I give it again with access to my back-office. Thanks for your patience.

    July 7, 2016 at 1:11 pm #657989
    Rikard

    Hi,

    I see that you added the CSS now, try editing the values to your liking, for instance: 

    #header .widget {
    left: 30%;
    padding-top: 0;
    position: absolute;
    top: 50px;
    transform: translate(-50%);
    z-index: 999;
}

    Best regards,
    Rikard

    July 7, 2016 at 2:50 pm #658088
    jvivies

    Hello,

    Thanks a lot for the indications – I think I’ve made some good progress.

    Now I have two remaining problems :
    – the text i’ve added does not shrink when I scroll down and comes over the menu, unless I choose the option where the logo bar does nit shrink.
    – when I test as mobile device, the text comes under the logo instead of disappearing or coming below the logo.

    Would you have indications for me ?

    Thanks,

    — Jerome.

    July 8, 2016 at 12:43 pm #658361
    Rikard

    Hi,

    There not enough room to fit your content on smaller devices, please try to hide it for small screens: 

    @media only screen and (max-width: 480px) {
#header .widget {
    display:none;
}
}

    You can add the content to a Color Section below the header and add a unique ID to it in the options, then add this CSS to only show it on mobile devices: 

    @media only screen and (min-width: 480px) {
#your-id {
    display:none;
}
}

    Regards,
    Rikard

    July 10, 2016 at 7:39 pm #658979
    jvivies

    Hello Rickard,
    It works perfect !
    Looks so simple once I read your answer.
    Thanks a lot !!
    — Jerome.

    • This reply was modified 8 years, 4 months ago by jvivies.
    July 11, 2016 at 11:47 am #659176
    Rikard

    Hi Jerome,

    Everything is simple if you know it already :-)

    Let us know if you should need any further help on the topic.

    Regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.