Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 2, 2016 at 10:44 pm #626075
    devynspirit

    Hi,
    I want to change the color of the main menu area and keep that color, transparency and size of the menu area, even when I scroll up and down and throughout each of the pages, similar to the site listed in the private content section.

    Also, I want to move the logo more towards the left as is in the example website listed in the private content area.

    Thanks!

    • This topic was modified 7 years, 11 months ago by devynspirit.
    May 4, 2016 at 11:48 am #627111
    Andy

    Hey devynspirit,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    May 4, 2016 at 7:24 pm #627457
    devynspirit

    Here you go…

    May 5, 2016 at 3:21 pm #627853
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header_bg {
    background: rgba(16,155,197,0.8)!important;
}

    and set your header to transpatent – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/

    Best regards,
    Yigit

    May 5, 2016 at 7:10 pm #627949
    devynspirit

    1. I did that but I only see the header when I scroll down. In other words, when you get to the home page I can’t see that colored header until I start to scroll down.

    2. How can I make the logo bigger?

    3. How can I move the logo more to the left?

    May 6, 2016 at 12:23 pm #628248
    Yigit

    Hi!

    1- I changed the code to following one 

    #top .av_header_transparency .header_bg,.header_bg {
    background: rgba(16,155,197,0.8)!important;
opacity: 1;
}

    2- Please edit your logo and remove whitespace around it or go to Enfold theme options > Header and increase header height
    3- Add following code to Quick CSS 

     .container.av-logo-container {
    padding-left: 0;
}

    Regards,
    Yigit

    May 6, 2016 at 5:49 pm #628417
    devynspirit

    Thanks for the header change. I added the logo quick css code and it didn’t work – the logo is still in the same place, I want to move it more to the left.

    May 9, 2016 at 7:10 pm #629437
    Yigit

    Hi,

    It does work fine on my end. If you would like to move it even further to the left, please add following code to Quick CSS as well

    div .logo { left: -10%; }

    Best regards,
    Yigit

    May 9, 2016 at 7:24 pm #629439
    devynspirit

    that worked! thank you!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change Main Menu Area Color on Home page’ is closed to new replies.