Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 14, 2019 at 4:44 pm #1100666
    rainchild

    Whether through CSS or PHP changes, I am desperate to have the menus operate as:

    Desktop: Transparent, sticky, and shrinking

    Mobile: Not transparent, sticky, and shrinking (if possible)

    Any thoughts would be greatly appreciated.

    May 14, 2019 at 5:19 pm #1100694
    rainchild

    Even if a menu plugin is needed, though CSS or PHP would be my preferred fix.

    Thanks!

    May 15, 2019 at 10:51 am #1100960
    Victoria

    Hi rainchild,

    Can you please share the link to your website?

    Please have a look at our docs

    Header

    Home

    Best regards,
    Victoria

    May 15, 2019 at 5:55 pm #1101142
    rainchild
    This reply has been marked as private.
    May 15, 2019 at 8:42 pm #1101157
    rainchild

    And thank you for sharing the documentation. I’ve gone through it and applied the settings.

    The big problem is when desktop is set to transparent header, I need the mobile header not to be transparent and shrink on scroll. Can’t get the shrink on scroll to happen (which would be nice). But the bigger issue is that I cannot get the mobile header to NOT be transparent when the desktop version is transparent.

    The reason I need this is for intra-page links that scroll to a section. The top of that section is now hidden underneath the transparent mobile header.

    Thank you again for you help with this.

    May 16, 2019 at 6:17 pm #1101551
    rainchild

    Please let me know if you need any additional info from me. I was hoping that this could be accomplished with CSS and/or PHP mods.

    Thanks,
    Josephine

    May 19, 2019 at 2:45 pm #1102283
    Victoria

    Hi Josephine,

    What do you mean the section is hidden?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    May 21, 2019 at 1:53 am #1102643
    rainchild
    This reply has been marked as private.
    May 21, 2019 at 7:23 pm #1103044
    Victoria

    Hi rainchild,

    The header is not transparent on mobile unless you add css for it.
    The header does not shrink on mobile. It is of the set height.

    The header can be sticky on mobile.

    Here is the code to make the header sticky on mobile

    Header

    Best regards,
    Victoria

    May 22, 2019 at 12:09 am #1103122
    rainchild

    Hi, Victoria. Thank you again for the help with this. The interesting thing about the logo being transparent on mobile is that I see what you mean – it doesn’t have an opacity, but it acts like a transparent logo in that it works in a parallax way, covering the copy below it. This is what I’m trying to avoid.

    Here are two screenshots:
    dt1.jpg demonstrates what I’m speaking about. The logo covers the copy below. The reason I’m trying to fix this is that this is a single page site, so the mobile links are on page anchors, moving from one Enfold section to another. Please test it on the mobile site and you’ll see what I mean.

    dt2.jpg – is the actual top of that section that is being covered by the menu when you click on the link from the mobile menu.

    So that’s why I said the menu was acting like a transparent menu, but may be it’s the parallax affect I’m trying to avoid. Any code I could try for this?

    Thanks!

    May 22, 2019 at 12:16 am #1103125
    rainchild

    You can also see this effect just on the home page of the site through mobile. The menu is transparent in that it covers the content/image below it. It’s opague, but still functioning as a transparent logo.

    Is there a way to not have it sit on top of the content below like it was transparent?

    Thanks, Victoria!

    May 27, 2019 at 5:37 am #1104423
    Ismael

    Hi,

    Thanks for the update.

    You should adjust the top margin of the main or content container to prevent the header from covering it.

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

    Best regards,
    Ismael

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