mobile menu of theme Windows and Doors

Home Forums All Other Themes mobile menu of theme Windows and Doors

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #114853
    Angela Govers-Bakker
    Participant
    • Topics: 8
    • Replies: 17
    • Total: 25
    Member since: March 8, 2016

    Hello,
    Could you please help me with the following.
    I use the ‘Windows and Doors’ theme. I would like to make adjustments to the mobile menu. If you unfold it, the background is transparent so that you can not read the text correctly. I would like this to be 50% black.

    Furthermore, the expanded mobile menu falls behind the photos that appear on the home page (Services boxes)

    I would also like to put the header on 50% black (where the logo is in). This is possible at the header top but not at the header below with the logo in it.

    Do you have CSS codes for the above problems for me so that I can put them in the Custom CSS box?

    Thanks in advance!!

    Angela Govers
    https://www.goverstsb.nl/wp/

    #114882
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
    .header { height:auto;}
    }

    Regards,
    Dave

    #114927
    Angela Govers-Bakker
    Participant
    • Topics: 8
    • Replies: 17
    • Total: 25
    Member since: March 8, 2016

    Thank you!

    Could you please also answer this question from my first message:
    “I would also like to put the header on 50% black (where the logo is in). This is possible at the header top but not at the header below with the logo in it.”

    Thanks in advance.

    Angela Govers
    https://www.goverstsb.nl/wp/

    #114930
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Dave

    #115070
    Angela Govers-Bakker
    Participant
    • Topics: 8
    • Replies: 17
    • Total: 25
    Member since: March 8, 2016

    Hi,

    Here is a screenshot: https://www.goverstsb.nl/img/screenshot-50prblack.jpg
    I have draw an arrow where I want the black header on 50% black…

    Sorry my English is not very good.

    Thanks in advance.

    Angela

    #115101
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .headerfixed .header { background:rgba(0, 0, 0, 0.5) !important;}

    Regards,
    Dave

    #115256
    Angela Govers-Bakker
    Participant
    • Topics: 8
    • Replies: 17
    • Total: 25
    Member since: March 8, 2016

    Oke thank you.
    But now there still is an black block next to the logo and behind the logo…
    See screenshot: https://www.goverstsb.nl/img/screenshot-50prblack2.jpg

    Regards,
    Angela

    #115258
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    Hi,

    Kindly use this one

    .logo, .logo::before { background-color:transparent !important;}

    Regards,
    Dave

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