Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1078335

    Hi guys,

    I have a sticky header. I was wondering if it was possible to change the css styling after it has shrunk. Specifically, i’d like to remove the blue border that i’ve manually applied with CSS once you start scrolling down the page.

    Thank you in advance :)

    #1078477

    Hey bobfurgo,

    Add this to quick css:

     #header .main_menu{
     border:none!important;
    }
    
     #header.av_header_transparency .main_menu{
        border-bottom: 3px solid #83b2ce !important;
        border-left: 3px solid #83b2ce !important;
    }

    Best regards,
    Jordan Shannon

    #1078489

    Thanks Jordan!! That worked perfectly.

    One more question that is related. The left hand side of the header is slightly transparent when I start to scroll down. Is there any way to make it completely solid white and not transparent? I tried locating the CSS class for this with no luck.

    Thanks in advance!

    #1078874

    Hi,

    Unfortunately that transition between transparent and white can’t be detected like that via css. It would need to be completely white at all time.

    Best regards,
    Jordan Shannon

    #1078886

    Hi Jordan!

    I feel like there might be a misunderstanding as I sense it should be a relatively quick fix. The theme options allow you three options for the header and i have it set to the following because it’s the only one that lets you have the active menu indicator:

    default (with borders, active menu indicator, slightly transparent)

    Because of this setting, it’s causing the header to be slightly transparent once you scroll down the page. Is there a way to adjust this to have it not be slightly transparent, and just a solid white, while keeping the active menu indicator?

    Thanks so much you guys are awesome!

    #1080014

    Hi bobfurgo,

    Best regards,
    Victoria

    #1080020

    Hi Victoria,

    Thanks for your response. I’m actually trying to do the opposite of what you are saying here. I want the entire header to be a solid white when scrolling down instead of slightly transparent.

    #1081495

    Just following up on this. Thanks :)

    #1081510

    Hi,

    Please use the following:

    #header {
    background: #fff !important;
    }

    And let us know if this works out for you also.

    Best regards,
    Basilis

    #1081516

    Hi basilis,

    Thanks for your reply! What you provided will make the header background white at all times. What I need is something that makes the header background white with no transparency on scroll when the header is sticky.

    #1082322

    Hi,

    you can add before it .is-sticky should work

    Best regards,
    Basilis

    #1082424

    Hi Basilis,

    Thanks for your reply. That didn’t work unfortunately.

    #1083741

    Hi,

    Can you show us the code used please?

    Best regards,
    Basilis

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