Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 25, 2017 at 12:17 pm #829600
    newki75

    Hello,

    Do u think you know really well Enfold theme, here is a challenge for you ;-)
    You’ll find attached 2 print screens : current-comments (what I have currently on my site, basic enfold navigation, + nb to explain each point), wanted (what my graphist has drawn…). Here are the 5 points to achieve.
    Current
    Wanted

    1 – remove the border between Sign up and Create my account and put one right border after Create my account
    2 – remove the border between Instagram & facebook
    3 – Reduce the length of the grey line under the top nav (not full witdh) and pull up the logo
    4 – move the main logo on the left but with the search icon remaining on the right
    5 – reduce the height of the 2 vertical borders on the left and right of the cart icon (ideally same height as in point 1)

    The site is under maintenance but I can open it as soon as someone wants to try.
    Tx for your help ! and nice day
    Marine

    July 25, 2017 at 12:38 pm #829605
    tjswarbs78

    Hi,

    Numbers 1,2 and 5 – easy
    Number 3,4 – hmmm not so sure

    Up for a challenge though so if you can post a link to a live page I’ll have a go :)

    Thanks

    TJ

    July 25, 2017 at 12:40 pm #829606
    newki75

    Hey,

    Tx ! Here is for u : https://ciegeneralebiscuiterie.com

    July 25, 2017 at 2:20 pm #829646
    tjswarbs78

    Hi,

    
/*number 1*/
#menu-item-594 {border:none;}

/*number 2*/
#top .social_bookmarks li {border-left-style:solid; border-left-width:1px;}
#top #header .social_bookmarks li:last-child {border-left-style:none;  border-right-width:0;}

/*number 5 (partly)*/
.cart_dropdown {border:none;}

/*number 3*/
#header_meta {border:none;}
#header_meta:after {content: ''; width: 70%;height: 13px; position: absolute; right: 0; border-bottom: 1px solid #d8d8d8;}

    screenshot

    Give those a try while we work on the rest :)

    TJ

    • This reply was modified 7 years, 3 months ago by tjswarbs78.
    July 25, 2017 at 2:54 pm #829653
    tjswarbs78

    Hi,

    amends / additions….

    /* still a border around Instagram icon*/
#top .social_bookmarks li {border-right:none;}

    logo and menu are a little more difficult due to the arrangement of elements

    TJ

    • This reply was modified 7 years, 3 months ago by tjswarbs78.
    July 25, 2017 at 2:55 pm #829654
    newki75

    Hey Tj :-)

    I really appreciate your help. I’ve pasted the css you sent me :
    1- OK
    2 – still the border between FB and Instagram icons
    3 – partly, the lenght is OK, remains move up le logo and add a padding / margin-right to the line.
    4 – I wrtoe a mistake, it’s move the main navigation on the left, not the main logo lol
    5 – the border have disappearead for the moment.

    I continue working on the content of the page, tx a lot again :-)

    July 25, 2017 at 2:56 pm #829655
    newki75

    2 – OK :-)

    July 25, 2017 at 3:05 pm #829660
    tjswarbs78

    Hi,

    So 3, 4 and 5

    3) the logo can moved up using top:-15px; but it becomes cut off by the secondary menu above.
    4) there are no theme settings for logo left menu left. Plus as the search icon is part of the menu moving the menu moves that too.
    5) there is only one thing to attach a border to but that creates a full height border.

    Thanks

    TJ

    July 29, 2017 at 4:09 pm #831510
    Mike

    Hi,
    When I looked I still saw #2:

    #top #header_meta li, #top #header_meta .phone-info {border-color: transparent!important; }

    But I’m not sure how else to help because it looks like tjswarbs78 has covered them all :) Great job tjswarbs78, thanks for your help :)

    Best regards,
    Mike

    July 30, 2017 at 1:28 pm #831808
    newki75

    Tx to all of you guys, I managed to finish my header thanks to u!

    July 30, 2017 at 2:14 pm #831815
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘css in header / top header’ is closed to new replies.