Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 9, 2014 at 7:57 am #365215
    launchmoxie

    I just put this site live today, and the client’s stoked.

    Unfortunately, when it crunches down to mobile, there are some issues.

    1) how can I get a white background for the mobile menu items?
    2) How can I hide various items? “@media query”?!? This is new for me.
    3) How can I shrink the logo

    Thanks for everything!!!

    p.s. Yikes! I just saw this in Firefox Developer Version for the first time, and the desktop site is broken! Any suggestions?

    December 9, 2014 at 10:36 pm #365687
    Elliott

    Hey launchmoxie!

    1. Add this to your custom CSS.

    #mobile-advanced li { background: white !important; }

    2. If you open up the /enfold/css/custom.css you can see where to add the mobile css on line 25.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

    You would play around with the 767 value to change what screen sizes it get’s applied to.

    3. Add this to your custom CSS.

    .responsive .logo img { max-height: 40px !important; }

    Cheers!
    Elliott

    December 10, 2014 at 5:41 am #365850
    launchmoxie

    (disregard this last message…)

    • This reply was modified 9 years, 11 months ago by launchmoxie. Reason: i found why things weren't working at all
    December 10, 2014 at 7:40 am #365866
    launchmoxie

    So, I got things working, thanks.

    Question: is the /enfold/css/custom.css able to be overridden in a child theme folder?

    December 10, 2014 at 4:57 pm #366060
    Yigit

    Hi!

    You can use Style.css file of your child theme to add your custom CSS code.

    Regards,
    Yigit

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