Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #527382

    Hi have changed the mobile header breakpoint in the theme settings to change at 990px. It looks great but when the browser gets below 767px it changes to opaque. To fix this I tried using the following css but I get the wrong logo i.e. from the opaque header not the transparent.

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        background-color: transparent;
        position: absolute!important;
    }}

    http://jonescrawlercranes.com/
    Thanks
    Rob

    #527399

    Hi fanlokbun!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 0;
    }
    .responsive #top .av_header_transparency .logo img.alternate {
        display: block;
    }}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #527408

    Excellent thanks. Almost perfect. How do I stop the burger menu flipping from transparrent to opaque at the same breakpoint?

    #527413

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
    .av_header_transparency #advanced_menu_toggle {
        background: transparent;
        color: white;
    }}

    Cheers!
    Yigit

    #527422

    Now perfect. Many thanks.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Breakpoint 767 not overridden in theme settings’ is closed to new replies.