Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 30, 2015 at 2:20 pm #527382
    fanlokbun

    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

    October 30, 2015 at 2:32 pm #527399
    Yigit

    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

    October 30, 2015 at 2:40 pm #527408
    fanlokbun

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

    October 30, 2015 at 2:41 pm #527413
    Yigit

    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

    October 30, 2015 at 2:48 pm #527422
    fanlokbun

    Now perfect. Many thanks.

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