Home › Forums › Pro Themes › Travel Master Pro › Transparent background for TOP MENU in ALL pages

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 30, 2020 at 11:27 pm #137447
    Juan Manuel Perdigon
    Participant

    Hello,

    I have bought and installed the Travel Master pro Theme.

    I have customized the appearance but there is something I haven’t been able to change and I can’t understand why? It is very strange.

    Ok, when I first launch my website (www.discolombia.org) to the FRONT PAGE, the menu on top looks perfect:

    https://prnt.sc/vadqmz

    Then I scroll down and the Theme itself shows a background gray color in the top menu (also a normal behavior:

    https://prnt.sc/vadii2

    But if I launch any other page of my website (ANY!), the top menu shows the background color without scrolling, which covers a big part of the header pictures and looks very bad:

    https://prnt.sc/vadje5

    If I scroll down on any other page, it does behave normal (keeps the gray background)

    https://prnt.sc/vadk0b

    Could you please share the CSS code to overwrite that gray background and make it TRANSPARENT like it does in the Front Page??

    Thanks in advance.

    Juan Perdigon
    ( absolutperdi yahoo.com )

    November 2, 2020 at 7:00 am #137571
    wensolutions
    Keymaster

    Hello,

    Regarding your query, once please let us know which theme you have been using , it is dark version of the theme or not ?

    Regards.

    November 2, 2020 at 10:00 pm #137621
    Juan Manuel Perdigon
    Participant

    Hello,

    I am using the dark version

    Thanks,

    November 3, 2020 at 6:29 am #137664
    wensolutions
    Keymaster

    Hello,

    Actually the background color in the header section is managed by the theme itself so using transparent background doesn’t look good as shown in the screenshot given below:

    https://prnt.sc/vcin06

    Hope this helped.

    Regards.

    November 6, 2020 at 3:24 pm #138064
    Juan Manuel Perdigon
    Participant

    Thanks for your answer.
    I might not have made myself clear.
    Please understand the following:

    My front page looks like this and I like it:
    https://prnt.sc/vadqmz

    Any other page looks like this and I don’t like it:
    https://prnt.sc/vadje5

    How can make them all like the first one that LOOKS GOOD?

    Thanks in advance

    November 9, 2020 at 3:03 am #138190
    wensolutions
    Keymaster

    Hello,

    Regarding your query, add below CSS following the path Admin Panel > Appearance > Customize > Additional CSS to make the menu transparent.

    @media screen and (min-width: 1024px){
.page.menu-sticky #masthead {
    position: fixed;
    background-color: transparent;
}}

    Hope this helps.

    If you have further queries, let us know.

    Regards.

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