Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 14, 2017 at 11:54 am #821120
    JerrelZ

    Hello support,

    I’m trying to make the mobile menu transparant on a specific page http://www.zendos.nl/test-2/ (page-id-718). I’ve found a working piece of CSS, but I’m not able to add the “.page-id-718” part correctly.

    Working CSS:

    @media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
.responsive #top #wrap_all #header { position: absolute; }}

    Adding the “page-id-718” like this doesn’t work:

    @media only screen and (max-width: 767px) { 
.page-id-718 #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
.page-id-718  .responsive #top #wrap_all #header { position: absolute; }}

    Any idea on how I can make this work? Thanks!

    • This topic was modified 7 years, 4 months ago by JerrelZ.
    July 14, 2017 at 5:48 pm #821317
    Sarah

    Hey JerrelZ,

    Let’s see… #top and the page ID are the same element, so please try this:

    @media only screen and (max-width: 767px) { 
.page-id-718#top #wrap_all .av_header_transparency, .page-id-718#top .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
.responsive .page-id-718#top #wrap_all #header { position: absolute; }}

    Let us know if you need further help. :)

    Best regards,
    Sarah

    July 15, 2017 at 10:13 am #821620
    JerrelZ

    Hello Sarah,

    Thanks, it works!

    King regards,
    Jerrel.

    July 15, 2017 at 4:29 pm #821719
    Sarah

    Great! :)

    We’ll close this topic now. If you have any other questions or issues, feel free to open another topic.

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparant mobile menu on specific page’ is closed to new replies.