Transparent header

Home Forums SKT Black/White Theme Support Transparent header

This topic contains 5 replies, has 2 voices, and was last updated by  Forum Moderator 1 year, 11 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #31498

    Megha
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16841
    • Total: 16841
    Member since: August 16, 2013

    Hi Megha,

    Kindly show us your website URL.

    Regards,
    Dave

    #31601

    Megha
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16841
    • Total: 16841
    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

    Megha
    Member
    • Topics: 8
    • Replies: 6
    • Total: 14
    Member since: April 15, 2016

    Hello support ,

    Above css is not working for submenu issue.

    #32034

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 16841
    • Total: 16841
    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.