Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 9, 2022 at 11:08 pm #1375730
    schweg33

    Hello all
    I have installed here page, see below 1

    Is it possible that horizontally and vertically the header is not displayed on the phone?
    and the hamburger menu is displayed deeper in the slider ,see PrintScreen below 2:

    kind regards
    Franz

    December 9, 2022 at 11:11 pm #1375731
    schweg33

    Sorry Wrong path of the page
    Correct see below:

    December 10, 2022 at 3:06 pm #1375772
    Mike

    Hi,
    Thanks for the link to your site, please try this css:

    @media only screen and (max-width: 767px) and (orientation: portrait) {
  #top #wrap_all #header_main {background-color: transparent;}
  .responsive #top #wrap_all #header {height: 0;}
  .responsive #top #wrap_all .main_menu {top: 32px;}
}
@media only screen and (max-width: 890px) and (orientation: landscape) {
  #top #wrap_all #header_main {background-color: transparent;}
  .responsive.html_mobile_menu_tablet #top #wrap_all #header {height: 0;}
  .responsive #top #wrap_all .main_menu {top: 32px;}
  .html_header_top.html_main_nav_header #top .av_menu_left .main_menu .av-main-nav-wrap {left: 100%;transform: translateX(-50%);}
  .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {background-color: #CC0000;}
  .html_header_top.html_main_nav_header.av-burger-overlay-active #top .av_menu_left .main_menu .av-main-nav-wrap {left: 96%;transform: unset;}

}

    After applying the css, please clear your browser cache and check. Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    December 10, 2022 at 4:36 pm #1375776
    schweg33

    Many thanks Mike
    Brilliant, Just as I imagined it,

    Thanks for your great support.

    I still have a small problem
    Would it be possible that this setting is only on the first page (Home)

    and not on all other pages (even if I make new pages) for example see below

    on this and on the rest of the pages the headar should be
    the header remains and the hamburger menu is normal on top?

    thank you

    kind regards
    Franz

    December 10, 2022 at 7:15 pm #1375781
    Mike

    Hi,
    To have this for the homepage only I added the class .home to each rule in the css:

    @media only screen and (max-width: 767px) and (orientation: portrait) {
  #top.home #wrap_all #header_main {background-color: transparent;}
  .responsive #top.home #wrap_all #header {height: 0;}
  .responsive #top.home #wrap_all .main_menu {top: 32px;}
}
@media only screen and (max-width: 890px) and (orientation: landscape) {
  #top.home #wrap_all #header_main {background-color: transparent;}
  .responsive.html_mobile_menu_tablet #top.home #wrap_all #header {height: 0;}
  .responsive #top.home #wrap_all .main_menu {top: 32px;}
  .html_header_top.html_main_nav_header #top.home .av_menu_left .main_menu .av-main-nav-wrap {left: 100%;transform: translateX(-50%);}
  .html_mobile_menu_tablet #top.home .header_color div .av-hamburger-inner, .html_mobile_menu_tablet #top.home .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet #top.home .header_color div .av-hamburger-inner::after {background-color: #CC0000;}
  .html_header_top.html_main_nav_header.av-burger-overlay-active #top.home .av_menu_left .main_menu .av-main-nav-wrap {left: 96%;transform: unset;}

}

    please try this

    Best regards,
    Mike

    December 11, 2022 at 11:08 pm #1375895
    schweg33

    Hello Mike

    Now it fits great
    Super support from you, Thank you

    You can close this tick

    kind regards

    Franz

    December 12, 2022 at 12:56 am #1375901
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘on phone no header, hamburger menu deeper’ is closed to new replies.