Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 9, 2018 at 8:00 pm #924685
    GaWebDev

    Have played around with custom CSS but have yet to be able to change the Gray coloring for logo header area to #000000 as I would like it to display on mobile. I can get it to display transparent with css but simply want the logo header area on mobile to be #000000 as it is on pages that i have not used transparent glossy header on. Those show correctly.

    For example please visit this url via mobile device view: https://colquittcountypackerfootball.com/coaches/ (Note site is in dev mode so please click on the special link in private content to open site up and then use nav to go to coaches) that page displays background in log area as it should be #000000 but then view the home page as an example of what happens on mobile view when i use a page with transparent glossy header. Thanks so much for your time!

    March 9, 2018 at 8:23 pm #924702
    Jordan Shannon

    Hey Mark,

    Add this to quick css:

    

@media only screen and (max-width: 767px)  {
#header_main.container_wrap.container_wrap_logo{
background:#000!important;
}}

    Best regards,
    Jordan Shannon

    March 9, 2018 at 8:27 pm #924704
    GaWebDev

    Awesome. Works like a charm. Thanks so much Jordon! You guys are awesome.

    March 9, 2018 at 8:44 pm #924719
    Jordan Shannon

    Hi,

    No problem at all, I’m glad I can help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header Logo Area On Mobile Coloring When Transparent Glossy Header Selected’ is closed to new replies.