Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 2, 2020 at 6:13 pm #1234657
    ginnywills

    I am using a transparent header on the home page. Once you scroll, the background of the top bar turns to blue.

    However, on the mobile, the header and top bar are showing up white so you can’t read the phone number. Nor are they sticking to the top which I would like.
    Can you help?

    August 5, 2020 at 8:53 pm #1235506
    Yigit

    Hey,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
@media only screen and (max-width: 767px) {
#top #header_meta {
    background-color: #2d5c88 !important;
}}

    Best regards,
    Yigit

    August 6, 2020 at 3:24 pm #1235770
    ginnywills

    That did not work. It did not change the color nor did it stick the bar to the top.

    August 6, 2020 at 3:57 pm #1235785
    Yigit

    Hi,

    It works fine on my end. Attached a screenshot in private content field.

    Please flush browser cache on your mobile device and refresh your page a few times :)

    Best regards,
    Yigit

    August 6, 2020 at 5:36 pm #1235808
    ginnywills

    Yes – its working now.

    Is there a way to get the header to stick to the top? If not, is there a way to add a “back to top” arrow/button?

    August 7, 2020 at 3:28 am #1235890
    Jordan Shannon

    Hi,

    Add this to quick css add the top button on mobile:

    @media only screen and (max-width: 767px){
.responsive #scroll-top-link {
    display: block!important;
}}

    Best regards,
    Jordan Shannon

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