Transparent header

Home Forums SKT Black/White Theme Support Transparent header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #31498
    MeghaMegha
    Member
    • Topics: 8
    • Replies: 6
    • Total: 14
    Member since: April 15, 2016

    Hello Support Team ,

    I want to create transparent header Menu. I used below custom css:

    /* Transparent Header */
    .header {
    opacity: 0.8;
    }

    with help of this I can create transparent menu but at same time my font color also changed. white to gray. so is it possible to keep font color as it is and create transparent background?

    Thanks.

    #31507
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi Megha,

    Kindly show us your website URL.

    Regards,
    Dave

    #31601
    MeghaMegha
    Member
    • Topics: 8
    • Replies: 6
    • Total: 14
    Member since: April 15, 2016

    sure.. It is http://www.shusaeng.com/

    and one more question I have.
    when you see the website, go to services(header menu) and then submenu.It is coming as wrapped text. I want “Precision engineering solution” in one single line. how to do that ?

    Thanks.

    #31613
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi Megha,

    Did you solved transparent header issue?

    For the submenu issue. Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .header .header-inner .nav ul li:hover > ul{ width:310px; z-index:999999;}

    Regards,
    Dave

    #32030
    MeghaMegha
    Member
    • Topics: 8
    • Replies: 6
    • Total: 14
    Member since: April 15, 2016

    Hello support ,

    Above css is not working for submenu issue.

    #32034
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Add this code:

    .header .header-inner .nav ul li:hover > ul{ width:310px !important; z-index:999999 !important;}

    Regards,
    Dave

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