Tagged: mobile menu, one page, Sidebar Menu, sticky
-
AuthorPosts
-
February 25, 2018 at 8:02 pm #917562
I am using the one-page sidebar main menu. I am trying to get the mobile menu to be sticky at the top of the screen along with the logo.
I have seen many threads where it addresses making the header sticky, but this does not work with the one-page sidebar main – even adding it into custom.cssFebruary 26, 2018 at 3:52 am #917644Hey Verdaccio,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardFebruary 26, 2018 at 4:02 am #917648Details below. I actually had a purchased version of ShiftNav pro that I put on…
And so…my question expands to – can you show me how to make the logo and Enfold Mobile menu sticky…
AND..just so I can learn…
Can you show me how to make the Enfold Mobile menu just go away, while enlarging and centering the logo on Mobile platforms?Thanks!
- This reply was modified 6 years, 10 months ago by Verdaccio.
February 26, 2018 at 10:03 am #917722Hi,
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 #wrap_all #header { position: fixed; } }
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 26, 2018 at 10:54 am #917737Thank you Victoria it works! I am wondering if you all saw my post about “Help with Margins”
It has to do with the top header bar issue you helped me with yesterday. Just having the text that I wanted in a 45px high strip did not work on mobile as it truncated.
So I put it inside columns inside a colorbox and now your excellent code setting the padding and height does not work. Any help you can give would be appreciated. :)
February 26, 2018 at 12:06 pm #917788Hi Verdaccio,
Ok, the two columns are a better solution, they are easier to adjust.
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: 100px !important; } .responsive #top #top_bar_phone { height: 120px; min-height: 100px; } .responsive #top #top_bar_phone .flex_column { margin-bottom: 0px; } .responsive #top #top_bar_phone .flex_column p { margin: 0.5em 0; } .page-id-647 .main_color .content { padding: 0px; } } #top_bar_phone { height: 50px; min-height: 40px; }
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 26, 2018 at 12:17 pm #917794Thanks Victoria, that works!
Hey one further. Now that we have the main menu sticky at the top, on mobile, it is sitting over the phone number. I need to push the top_bar_phone element down so that the phone number shows on mobile devices. :)
February 26, 2018 at 12:28 pm #917797Victoria, I withdraw that last post…your code actually made the phone number show as well. Once I purged the cache. :)
Thank you for your excellent support!
February 26, 2018 at 7:56 pm #917949Hi,
Glad victoria could help! :)
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 -
AuthorPosts
- The topic ‘One-Page Sidebar Menu – Mobile Sticky Menu?’ is closed to new replies.