Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 28, 2022 at 6:13 pm #1359748
    slikslok

    Hi,
    Iive got some trouble with the header. I set it to transpareny at full-witdh, which works fine. At Breakpoint 986 to 786 the color of the menu is wrong or gone, smaller it’s fine again? Whats the problem here?

    And can I leave the head transparent as in full width? So the fixed header line is not with a solid background color and the picture is still the whole header?

    Thanks for your support.

    You’ll find the site in the private area.
    Tim

    July 28, 2022 at 6:24 pm #1359750
    slikslok

    I didn’t understand where to control the behaviour of the header. Pleas have a look at some subpages with different color shemes (links in private area). At breakpoints the color of the header is wrong, even if I experiment with “Alternative Content”. But this is not a solution for here – ebven if it works – because there are different color-schemes.

    Would like to disable the fixed solid header-bar completely (but still leave the logo and menu of course)….

    July 28, 2022 at 7:15 pm #1359754
    Rikard

    Hi,

    Could you try updating the theme to the latest version (5.1.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    If you are looking to have a transparent header on mobile as well, then please refer to this: https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

    Best regards,
    Rikard

    July 29, 2022 at 10:30 am #1359787
    slikslok

    Hi Rikard,

    transparency for header works, thanks.

    But the other things not. What is really annoying, that before looking after the problem, support always means: “Please do an update”. Certainly I checked the log files of updates if the toipc is mentioned… So thats time wasting… But if you feel better, I did the update, its 5.1.1. – and as suspected, nothing changes…

    Anyway: If you look at the link in private area, you can see how colors of menu (burger) and search-symbol changes at every breakpoint (menu gets blue in 986-786 and then white, but search icon blue at 786 and smaller, which confuses me. Whats the matter here?

    And how can I set the size of the logo bigger in the smallest viewport?

    Thanks for supporting
    Tim

    July 29, 2022 at 11:36 am #1359818
    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 989px) {
.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, #menu-item-search a {
    background-color: #fff;
}
}

    Best regards,
    Rikard

    July 29, 2022 at 1:46 pm #1359848
    slikslok

    Hi,

    works, but only for the burger-menu, but not for the search symbol. Anyway, can’t it be solved within Efolds defaults? Is this a bug? I have several other Enfold-themes running and don’t want to change the css by hand everywhere…

    And how to change the ize of the logo, which ist to small at breakpoints below 986px?

    Thanks
    Toim

    July 29, 2022 at 7:21 pm #1359878
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 989px) {
#menu-item-search a {
  color: #fff; 
}
}

    It’s not a bug, since the header has a background by default on mobile devices.

    Your logo is already taking up all the space available until the search icon on mobile, so I’m not sure how it could get any bigger? The image you are using has a lot of white space on the top and bottom as well.

    Best regards,
    Rikard

    July 30, 2022 at 10:48 am #1359911
    slikslok

    Hi,
    works, but only if adding !important

    If its not a bug, then where can I adjust it in enfold options without tweaking with css?

    Best regards
    Tim

    July 30, 2022 at 1:47 pm #1359929
    Rikard

    Hi,

    Thanks for the update. You can’t adjust that in the theme settings unfortunately. A solid background is the default theme behaviour, and you will have to add custom CSS to have a transparent header on mobile devices. Adjusting the colours of the mobile menu and search icon might also be necessary, like in your case.

    Best regards,
    Rikard

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