Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #478558

    Hello,

    I can’t seem to figure out how to get my mobile menu to have a background. Any help is greatly appreciated.

    The URL is http://cba.thekangagroup.com/

    Thanks!

    #478604

    Hi haydaw!

    You could try something like this in Quick CSS:

    #mobile-advanced {
    background-color:none;
    background-image: url('http://yoursite.com/image.jpg');
    }

    http://www.w3schools.com/cssref/pr_background-image.asp

    Cheers!
    Rikard

    • This reply was modified 9 years, 4 months ago by Rikard.
    #479993

    Hey, Unfortunately this is not working. I’ve got a bit of custom css and coding going on, so this may be throwing things off, but I feel like this should be an easy fix that I just can’t figure out.

    The header is a menu with the logos being pulled from a widget to display two logos, but for some reason on mobile the entire header background is transparent. I can only seem to apply a background behind the two logos, when it needs to be the entire header as normal.

    Thanks

    #480206

    Hey!

    Please add !important rule as following

    #mobile-advanced {
        background-color: #080808!important;
    }

    Cheers!
    Yigit

    #480404

    Hi Yigit,

    Unfortunately that did not do the trick either. I’ve attempted adding the !important rule to a couple different classes and none of them seem to be affecting the mobile header.

    Here is the current CSS I have, hopefully this will give some insight. Any advice is appreciated, however I think one of the issues may be that I have one class set to fixed.

    strong.logo.bg-logo {
      display: none!important;
    }
    
    strong.logo {
    padding: 6px 0 6px 0!important;
    margin-left: 30px;
    }
    
    #header .widget {
      left: 10%;
      padding-top: 5px;
      position: absolute;
      top: 0;
      transform: translate(-50%);
    }
    
    @media only screen and (max-width: 767px) {
    #advanced_menu_toggle {
      margin-top: 15px;
    }
    
    #header .widget {
      left: 0%;
      transform: translate(0%);
    }
    }
    
    .html_header_top.html_header_sticky #header {
    position: fixed !important;
    }
    @media only screen and (max-width: 767px) {
    .responsive #main {
      padding-top: 82 !important;
    }
    }
    
    #mobile-advanced {
      background-color: #080808 !important;
    }
    
    @media only screen and (max-width: 767px) {
    div.header-double-logo {
      height: 50% !important;
    }
    }

    cba.thekangagroup.com/

    #480481

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #480487

    Sure thing!

    #481100

    Hi,

    Are you working on the site with the caching and minify plugins active? Please disable them if you are, I just tried the code I first gave you and it works.

    Cheers!
    Rikard

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