Change the menu

  • Author
    Posts
  • #142930

    pierabasile
    Member

    Hi! I`m just starting to work on this website, and I´m trying to make the menu sticky, I have used the following CSS which is perfect cause I wannt the background to be white, but the problem is that de color of the text in the menu is also white so you can´t read it and I don´t know how to change it, could you help me please? Thanks =)

    .navbar {
    position: fixed;
    width: 100%;
    background-color: #FFF;
    top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2.6px solid #eaeaea
    }

    The blog I need help with is comunicacion360arg.wordpress.com.

    #142945

    anhtnt
    Theme Author

    Hi, please use this CSS:

    .main-menu a { color: #333; }
    .main-menu > ul > li:hover > a,
    .main-menu > ul > li.current-menu-item > a,
    .main-menu > ul > li.current-menu-ancestor > a { color: #888; }
    #142978

    pierabasile
    Member

    That works perfect! Thanks =)

    #142980

    pierabasile
    Member

    May I ask you some other thing? As you can see, I used my own image in the “hero” part. The thing is that I want to change the location, because right now it is almost on the top and very close to the menu, I want to center it.
    I´ve seen in the support forus that some others have asked you something similar, I tried using that CSS code that starts with .hero, but it doesn´t work. And i would also like to put a bottom on it, like this website has https://vantageptcreatives.com/. Can you help me with this?
    Thank you very much!

    #143054

    anhtnt
    Theme Author

    Hi,

    I’m not sure I understand the moving the image to the center. I think you want the hero area to be larger and move the “hand holding phone” a little bit down, so it’s not close to the top menu?

    If so, please try this CSS:

    .home.page .header-inner { padding: 300px 0 180px }

    And about “put a bottom on it”, I’m not clear. I think you want the image to be fixed when scrolling. If so, please use this CSS:

    .home.page .header { background-attachment: fixed }

The topic ‘Change the menu’ is closed to new replies.