Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 25, 2018 at 8:02 pm #917562
    Verdaccio

    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

    February 26, 2018 at 3:52 am #917644
    Rikard

    Hey Verdaccio,

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

    Best regards,
    Rikard

    February 26, 2018 at 4:02 am #917648
    Verdaccio

    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 6 years, 9 months ago by Verdaccio.
    February 26, 2018 at 10:03 am #917722
    Victoria

    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

    February 26, 2018 at 10:54 am #917737
    Verdaccio

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

    February 26, 2018 at 12:06 pm #917788
    Victoria

    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

    February 26, 2018 at 12:17 pm #917794
    Verdaccio

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

    February 26, 2018 at 12:28 pm #917797
    Verdaccio

    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!

    February 26, 2018 at 7:56 pm #917949
    Yigit

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘One-Page Sidebar Menu – Mobile Sticky Menu?’ is closed to new replies.