Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 1, 2018 at 1:56 pm #935761
    Multispace

    On screens smaller than 990 px wide, the logo/header container pops up pushing the content of the page down.

    How can I get rid of that black header container, but keep the burger menu as seen here:
    header container popup

    The logo is not Enfolds logo, but part of the picture.

    Mark

    • This topic was modified 6 years, 8 months ago by Multispace.
    April 1, 2018 at 2:16 pm #935765
    Multispace

    This is the only CSS I have added in Quick CSS:

    /* Homepage - logo only when scrolling and on mobile*/
@media only screen and (min-width: 768px) {
.home #header #header_main .logo a img{
display:none!important;
}}

.home #header.header-scrolled-full #header_main .logo a img{
display:block!important;
}
    April 1, 2018 at 3:58 pm #935785
    Multispace

    The headercontainer is gone if I uncheck ‘Responsive Site’ in Enfold settings, but then the page is not responsive ofcourse…

    Any suggestions?

    Mark

    April 2, 2018 at 7:37 am #935932
    Nikko

    Hi Mark,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    April 2, 2018 at 11:21 am #936002
    Multispace

    Hi Nikko,

    Thanks.
    Link is added below.
    Basically I want the mobile break point to be at 767 px instead of 990 px, which is what causes the headercontainer to appear I guess. I tried several CSS codes that I found on this forum, but I couldn’t get it to work. Maybe because of the combination with my current CSS in Quick CSS.

    Mark

    April 2, 2018 at 12:22 pm #936020
    Nikko

    Hi,

    I see, can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width: 989px) and (min-width: 768px) {
  #top #wrap_all #header {
    position: absolute;
  }
}

    Hope it helps :)

    Best regards,
    Nikko

    April 2, 2018 at 12:31 pm #936029
    Multispace

    Unfortunately, it didn’t :-(
    Also tried it with first clearing all of my CSS, but that didn’t help either.

    Mark

    April 2, 2018 at 6:54 pm #936160
    Yigit

    Hi Mark,

    I added following code to bottom of Quick CSS field in Enfold theme options > General Styling

    @media only screen and (max-width: 990px) {
#top #wrap_all .av_header_transparency {
    background: transparent;
    position: absolute!important;
}}

    then flushed cache. Please review your website :)

    Best regards,
    Yigit

    April 2, 2018 at 7:06 pm #936165
    Multispace

    Thanks Yigit, that works!
    I only added (min-width: 768px) to that, as I do want the black header container when viewed on mobile, which triggers a different layerslider.

    Thanks again!

    Mark

    April 2, 2018 at 7:08 pm #936168
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Logo/header container pops up at screen widths below 990px’ is closed to new replies.