Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 15, 2017 at 3:41 pm #733759
    kateclow

    Hello,

    This is a fresh WordPress and Enfold install. The “Title_container” is not showing on Desktop; only on mobile (i.e small screen).

    I have the top sub menu activated in which an image is displayed, however, the Title_container is not pushed down because of the additional height and the logo area is just displayed above it; though hiding it. If the topbar is anything more than 30px in height that will affect the Title_container. I believe there should be a CSS edit to fix this.

    Thanks,

    January 16, 2017 at 7:22 am #733911
    Rikard

    Hey kateclow,

    Please try the following in Quick CSS under Enfold->General Styling:

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 183px !important;
}

    Best regards,
    Rikard

    January 18, 2017 at 11:47 am #735254
    kateclow

    Thank you, Rikard. It did work, however, it caused a problem when activating the transparent header; it’s not transparent any more.

    January 19, 2017 at 9:43 am #735752
    Nikko

    Hi,

    Try adding this css code in Quick CSS just below Rikard’s code:

    .html_header_top.html_header_topbar_active.html_header_sticky #top .av_header_transparency + #main {
    padding-top: 0 !important;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    January 19, 2017 at 11:06 am #735787
    kateclow

    Thanks, Nikko, It worked. However, I am surprised there is no simpler fix. It seems like there is a “clear” attribute missing or something but couldn’t figure it out.

    January 20, 2017 at 6:25 am #736220
    Nikko

    Hi,

    At the moment we couldn’t give you any other solutions. The “clear” attributes function should be clearing floats, I think the other fix to that is to modify some js scripts which I’m not so good at. :( As for now, this is the fix we can give.

    Regards,
    Nikko

    January 22, 2017 at 8:47 pm #737006
    kateclow

    Unfortunately, the CSS code Rickard provided causes a problem in the mobile/small screen view with this 183px being visible as an empty space.

    Still believes CSS might not be the right approach.

    January 22, 2017 at 10:18 pm #737015
    Basilis

    Hey!

    That can be fixed, if you use Media Queries, to solve that problem.

    @media queries Responsiveness

    let us know if we can do anything else for you.

    Regards,
    Basilis

    January 22, 2017 at 10:32 pm #737021
    kateclow

    Thanks, Basilis, that solved it. Hope you can fix this in the next theme update.

    January 23, 2017 at 7:28 am #737137
    Rikard

    Hi,

    Thanks for the feedback, we’ll have a look at adding it to the theme.

    Best regards,
    Rikard

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