Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2020 at 5:13 am #1191691
    aussiedropbear

    Hi,

    I’m building a site and going through checking things on mobile view and noticed that the small bar above Main Menu is displayed as white. So the text I have that is in white doesn’t show but is there.

    I have the pages set to a transparent header when viewed on PC.

    I guess what I am after is some Quick CSS to change the color background of the small bar above Main Menu when in mobile view.

    Assistance appreciated.

    Cheers
    John

    March 10, 2020 at 9:58 pm #1192024
    Victoria

    Hey John,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top #header_meta .social_bookmarks li a,
  .responsive #top #header_meta .phone-info,
  .responsive #top #header_meta .phone-info a {
      color: #444;
  }
  .responsive #top #wrap_all #header_meta .social_bookmarks,
   .responsive #top #header_meta .phone-info {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 10, 2020 at 11:53 pm #1192066
    aussiedropbear

    Thanks Victoria.

    Once again spot on.

    Would be nice to see this sort of customising added to the advance styling one day but then, how long is a piece of string eh :).

    One question though, the social icons, can these be spaced out from one another little, some padding perhaps?

    Cheers
    John

    March 11, 2020 at 6:45 am #1192156
    Rikard

    Hi John,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
#top .social_bookmarks li {
    width: 40px;
    padding: 0 5px;
}
}

    Best regards,
    Rikard

    March 16, 2020 at 12:40 am #1193357
    aussiedropbear

    Thanks Rikard.

    please close thread.

    March 16, 2020 at 5:19 am #1193393
    Rikard

    Hi,

    Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Small bar above Main Menu mobile view colour’ is closed to new replies.