Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 15, 2018 at 10:47 am #927192
    sitibus

    Hi, Gianluca from Italy. Is it possible to have trasparent header in mobile version just like in desktop version? My site is https://www.net-gen.it/.
    Please let me know, thanks

    March 15, 2018 at 11:04 am #927198
    Mike

    Hey sitibus,
    Try this code in the General Styling > Quick CSS field:

    /* Transparent header on mobile */
 @media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, 
.av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

    Best regards,
    Mike

    March 15, 2018 at 11:21 am #927213
    sitibus

    Hi Mike it seems not to be working. Can you check it for me please?

    March 15, 2018 at 2:01 pm #927326
    Vinay

    Hi,

    Please activate the header transparency from the Page > Layout > Header visibility and transparency options.

    Then use the code provided to you earlier if that don’t work please replace it with the below code:

    /* Transparent header on mobile */
 @media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, 
.av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

    Best regards,
    Vinay

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