Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • July 25, 2015 at 3:12 pm #478656
    Mario

    Hello, how are you guys?

    i really would like to design my website as i show you in the picture: can i insert that line on the menu, to simulate the same line of the logo?

    do you thinks is it possible?

    Thanks for your precious help!

    cheers

    Mario

    • This topic was modified 8 years, 10 months ago by Mario.
    July 27, 2015 at 3:45 pm #479121
    Yigit

    Hi Mario!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header_bg {
    border-bottom: 1px dashed blue!important;
    position: relative;
    top: -43px;
}

    Cheers!
    Yigit

    July 27, 2015 at 3:49 pm #479124
    Elliott

    Hi Mario!

    Add this to your custom CSS.

    .header_bg {
    background-position: center 70% !important;
}

    Cheers!
    Elliott

    July 29, 2015 at 1:52 pm #480203
    Mario

    Hi Guys, thanks for your help!

    i tried to insert the code but what a see now is this showed on the picture attached.

    what’s wrong? why is black?

    Cheers

    Mario

    July 31, 2015 at 9:44 am #481191
    Ismael

    Hi!

    I checked the site and header background looks OK. Did you fix it?

    Cheers!
    Ismael

    August 2, 2015 at 4:43 pm #481775
    Mario

    No, i took it off because the header was background black color.

    Can you check the code please?

    Thanks for your help!

    Mario

    August 3, 2015 at 4:40 pm #482236
    Elliott

    Hey!

    It looks like you removed the background image for your header.

    Best regards,
    Elliott

    August 4, 2015 at 4:42 pm #482815
    Mario

    Hi Elliot,

    ok now i did it again: you can see the effect of the code you gave me before.

    oN THE HOME PAGE AND ABOUT PAGE THERE’S A LINE BUT THE HEADER IS ON TRANSPARENCY MODE SO IT’S ALMOST INVISIBLe. On the others pages there’s a black background and a very blue line on the header.

    Do you have some tips?

    thanks Elliot!

    Cheers

    Mario

    • This reply was modified 8 years, 10 months ago by Mario.
    August 5, 2015 at 3:52 pm #483429
    Elliott

    Hey!

    Change it to this.

    .header_bg {
    border-bottom: 1px dashed cyan!important;
    position: relative;
    top: -43px;
    opacity: 1 !important;
    background: transparent !important;
}

    Best regards,
    Elliott

    August 7, 2015 at 6:47 pm #484647
    Mario

    Hello Elliot!

    thanks for your help but that’s works with transparent header but not with normal header.

    what can i do?

    Mario

    August 10, 2015 at 10:09 am #485117
    Andy

    Hey!

    I can’t see any header on the link you have provided. Can you give us a precise link where we can see what’s going on with your header?

    Regards,
    Andy

    August 10, 2015 at 10:32 am #485134
    Mario

    Yes sure!

    August 10, 2015 at 2:31 pm #485331
    Andy

    Hey!

    your header seems fine to me. Where is the issue? the blue line is displaying correct for me. Can you show us what you want to achieve so we get a clear idea?

    Best regards,
    Andy

    August 10, 2015 at 2:57 pm #485355
    Mario

    Yes, please checknews page or shop page
    You’ll see the difference.

    Cheers

    Mario

    August 10, 2015 at 4:30 pm #485434
    Elliott

    Hi!

    To only target the transparent header then change it to this.

    .av_header_transparency .header_bg {
    border-bottom: 1px dashed cyan!important;
    position: relative;
    top: -43px;
    opacity: 1 !important;
    background: transparent !important;
}

    Cheers!
    Elliott

    August 13, 2015 at 1:38 pm #487177
    Mario

    ok it’s working but only on the pages with transparent menu.

    On shop page and news page without transparent menu, it disappear.

    do i have to change all the pages with transparent?

    1 more issue: on mobile version it’s not in line with the logo.

    Thanks for your help!

    Mario

    August 14, 2015 at 1:28 pm #487745
    Andy

    Hey!

    so you want to have the same header for your shop page as in your about page? with this blue dotted border? if yes use this code:

    #header {
background: white;
}
.header_bg {
border-bottom: 1px dashed cyan !important;
top: -43px;
}

    Clear browser cache and hard refresh.

    Regards,
    Andy

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