Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 19, 2018 at 2:23 pm #1035188
    alexanderpischke

    I have a problem with the header of my page https://www.juwelier-laufer.de on mobile phones. On mobiles the header behaves like a transparent header and the slider is half masked. On normal browsers everything is correct. How can I correct this?

    November 20, 2018 at 7:49 pm #1035758
    Victoria

    Hey alexanderpischke,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px)
.responsive #top #main {
    padding-top: 115px !important;
}

    If you need further assistance please let us know.s

    Best regards,
    Victoria

    November 21, 2018 at 10:49 am #1035961
    alexanderpischke

    Hey Victoria,

    thanks for your help – but the code does not change anything. I always get an error-message when I try to save the new code. I am using an Enfold child theme. This is all the code I am using in Quick CSS:

    .avia-section {
    min-height: 20px;
    }

    #footer, #footer p, #footer a { font-size: 12px !important; }

    .header_color .main_menu ul:first-child > li > a { font-weight: 400 }

    .container_wrap {
    border: none!important;
    }
    #header .mega_menu_title {
    font-weight: 400 !important;
    }
    html { background: #f7f7f7 !important; }

    #top .av-masonry-load-more { font-weight: 400 }

    .special_amp {
    font-family: inherit;
    font-size: inherit!important;
    font-style: inherit;
    font-weight: inherit;
    color: inherit!important;
    }

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

    .avia-slideshow-dots { display: none !important; }

    #footer .widget p {
    font-size:14px !important; line-height: 150%;
    }

    #footer #nav_menu-3 a {
    padding: 0;
    }

    #footer #nav_menu-4 a {
    padding: 0;
    }

    #footer #nav_menu-5 a {
    padding: 0;
    }

    Kind regards,
    Alex

    November 21, 2018 at 2:56 pm #1036083
    alexanderpischke

    Hey Victoria,

    I managed the problem by myself – there was a second bracket missing in your code. Now it´s working perfect! Thank you for you help!
    Alex

    @media only screen and (max-width: 767px) {
    .responsive #top #main {
    padding-top: 115px !important;
    }}

    November 22, 2018 at 6:03 pm #1036656
    Nikko

    Hi Alex,

    Glad that you managed to fix the issue by yourself :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

    November 22, 2018 at 9:29 pm #1036801
    alexanderpischke

    Hi Nikko,

    thanks a lot. You can close the thread. It would be nice, if you have time to take a look at another thread and problem I have.

    Widget in flyout menue

    Kind regards,
    Alex

    November 24, 2018 at 3:59 am #1037188
    Jordan Shannon

    Hi,

    I’m glad this was resolved. We will be sure to check the other thread.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problems with mobil header’ is closed to new replies.