Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 14, 2019 at 7:14 pm #1118514
    jenmangas1

    I followed your instructions to add a header widget.
    I added PHP code to the theme files, then added a “new widget” called header and added my custom code.

    Point Pleasant Rentals

    In upper left corner of header is my new widget, which works perfectly on desktop, but not on mobile.

    I added position: absolute;} to my #summercountdown widget because that was the only way for the header to look correct on desktop. If you remove that, you’ll see what I mean.
    However, I believe that bit of CSS is causing it to stay fixed on mobile. I would love for it to look correct on mobile and desktop. Help please :)

    • This topic was modified 5 years, 4 months ago by jenmangas1.
    July 15, 2019 at 4:33 am #1118665
    Ismael

    Hey jenmangas1!

    Thank you for using Enfold.

    Where would you like to position the widget on mobile view? Please provide a screenshot.

    If you want to hide it on smaller screens, use this css code. 

    @media only screen and (max-width: 767px) {
   #header .widget { display: none !important; }
}

    Cheers!
    Ismael

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