Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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.css

    #917644

    Hey Verdaccio,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #917648

    Details 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 1 year, 10 months ago by  Verdaccio.
    #917722

    Hi,

    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,
    Victoria

    #917737

    Thank 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. :)

    #917788

    Hi 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,
    Victoria

    #917794

    Thanks 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. :)

    #917797

    Victoria, 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!

    #917949

    Hi,

    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

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘One-Page Sidebar Menu – Mobile Sticky Menu?’ is closed to new replies.