Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 9, 2014 at 6:52 pm #249361
    Alex

    I had this working prior to a theme update, so I don’t know what broke it, but I made the menu transparent always and I want the slider to stay beneath the menu, not below it. This was the code I was originally using per this forums advice. What do I need to change in order to make it work again?

    .header_color .header_bg, #header_main {
    background-color: rgba(0,0,0,0.4);
    border: none;
    }

    .main_menu ul:first-child > li > a {
    font-size: 16px;
    }

    .header_color .main_menu ul:first-child > li > a {
    color: white;
    }

    .fixed_header #main {
    padding-top: 0;
    margin-top: -1px;
    }

    #top.homepage #fullscreen_slider_0 {
    border: none;
    }

    .main_menu li:hover {
    background-color: white;
    }

    .caption_framed .slideshow_caption .avia-caption-content p {
    color: #99cc00;
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    padding: 20px;
    }

    #top .avia-slideshow-button {
    font-size: 18px;
    }

    April 10, 2014 at 4:57 am #249581
    Ismael

    Hi Alex!

    Thank you for using the theme and the info.

    Unfortunately, we can’t solve the issue without having taken a look at the actual website. If you don’t mind, please post the website url here. We would like to inspect it.

    Best regards,
    Ismael

    April 10, 2014 at 5:33 am #249587
    Alex

    http://wallensnaturalmarket.com

    • This reply was modified 10 years, 8 months ago by Alex.
    April 10, 2014 at 3:32 pm #249802
    Yigit

    Hey!

    Please edit your home page and activate transparent header – http://i.imgur.com/CpQhfQ6.png

    Best regards,
    Yigit

    April 10, 2014 at 3:44 pm #249812
    Alex

    I added the logo under transparency settings and left the transparency color alone (as it said it would use the default), but it’s still not working. What custom CSS code above might be messing it up?

    April 10, 2014 at 9:20 pm #249929
    Alex

    Bump

    April 10, 2014 at 10:02 pm #249939
    rsbell

    Same issue here-when I add contact elements to the page, it pushes the content elements at the top of the page to appear underneath the transparent Header.

    Without added content, the “Welcome” icon box is below the transparent Header.

    http://rva-aspe.scottbelldesign.com

    • This reply was modified 10 years, 8 months ago by rsbell.
    April 10, 2014 at 10:10 pm #249944
    Alex

    rsbell – With the added content, just add some empty spacers (which would be hidden) to push your content down below the menu.

    My problem however is still not solved. My sliders (fullscreen and otherwise) do not show under the menu, but instead are below it.

    April 10, 2014 at 10:13 pm #249946
    rsbell

    Ah!

    Thanks!

    April 11, 2014 at 1:23 am #249997
    Yigit

    Hi!

    Please remove custom CSS code as you no longer need it when choosing to display transparent header

    Best regards,
    Yigit

    April 11, 2014 at 2:31 am #250031
    Alex

    I did and it still happened, however, my custom code edits the text colors text sizes as well as the highlight color. So if I do have to remove something from the CSS code I listed above, what do I need to pull out of it?

    April 11, 2014 at 2:40 pm #250229
    Ismael

    Hi!

    @Alex: Please add this on Quick CSS or custom.css:

    .html_header_top.html_header_sticky #main {
padding-top: 0;
}

    Cheers!
    Ismael

    April 11, 2014 at 4:23 pm #250272
    Alex

    That did it, thanks!

    One last question, the highlight over the last menu item is cut short slightly. I believe it’s because the menu is holding some space for the hidden shopping cart, but I’m not using woo commerce YET. In the meantime, I would like it to cover the same distance that it does on every other menu item. What code can I use to achieve that?

    • This reply was modified 10 years, 8 months ago by Alex.
    April 11, 2014 at 4:33 pm #250284
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px !important;
}

    Cheers!
    Yigit

    • This reply was modified 10 years, 8 months ago by Yigit.
    April 11, 2014 at 4:35 pm #250286
    Alex

    That didn’t work.

    April 11, 2014 at 4:38 pm #250291
    Yigit

    Hi!

    I have edited the code i posted in my previous post and added !important. Try it now

    Cheers!
    Yigit

    April 11, 2014 at 4:40 pm #250293
    Alex

    Yes! you are a genius! You can close out this thread.

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Move slider underneath the menu’ is closed to new replies.