Jump to content

Community

Archimed

Header sticky

Recommended Posts

We are talking about the default theme, right? Yes, I have to agree on this one (even more so, since there is no go-to-top button by default). I highly doubt though that we will see a major overhaul of the default theme and/or theme functionality in IPS 4.

Share this post


Link to post
Share on other sites

Yes default theme or all theme based on this one.

They should do something like "annoucement" that we can have on top on all pages and when we scroll annoucement stay on the top of the screen.

Edited by Archimed

Share this post


Link to post
Share on other sites

I'd rather suggest to dock it to the bottom of the screen on mobile, as many mobile apps does.

Here is an example how i implemented this on one of my websites a while ago.

This way you can access breadcrumb button, quick links and notifications right under your finger even while holding a big mobile with one hand.

image.thumb.png.cbc525c410bd106390ebe38acf55b10f.png

Share this post


Link to post
Share on other sites
1 hour ago, Mr 13 said:

I'd rather suggest to dock it to the bottom of the screen on mobile, as many mobile apps does.

Here is an example how i implemented this on one of my websites a while ago.

This way you can access breadcrumb button, quick links and notifications right under your finger even while holding a big mobile with one hand.

image.thumb.png.cbc525c410bd106390ebe38acf55b10f.png

Can you shared the steps to achieve that? 

Is possible make it like Chrome browser, when you take action scrolling down is when appear the menu header? So it will be disappeared in others time for reading content. 

Share this post


Link to post
Share on other sites
4 hours ago, kmk said:

Can you shared the steps to achieve that? 

23 minutes ago, kmk said:

Is something so hard? Can I ask for how to achieve? 

Here is an example (add it to custom.css file of your theme):

/*** Attach Mobile Nav to Bottom ***/
#elMobileNav {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 5049;
  border-top: 1px solid #808080;
}
/* Increase body length in order to not overlap footer elements */
body.ipsApp_front {
  padding-bottom: 50px;
}
/* Prevent from overlapping by lang switcher */
ul#elNavLang_menu, ul#elNavTheme_menu {
  z-index: 5048 !important;
}
/* Prevent from overlapping by notification popups */
#elFlashMessage.ipsFlashMsg_bottom {
  bottom:50px;
}
#elFlashMessage.ipsFlashMsg_dismissable [data-action='dismissFlashMessage'] {
  right: 10px;
}

It may also require some additional cosmetic tuning for your theme.

4 hours ago, kmk said:

Is possible make it like Chrome browser, when you take action scrolling down is when appear the menu header? So it will be disappeared in others time for reading content. 

It shouldn't be hard but i don't plan to implement this because in my experience this behaviour could be unobvious and annoying for inexperienced users.

Fixed docking is enough in my opinion.

Edited by Mr 13

Share this post


Link to post
Share on other sites
On 12/16/2018 at 4:12 PM, Mr 13 said:

Here is an example (add it to custom.css file of your theme):

very helpful !!!

Can you tell, how to set the nav bar at the top of the page?

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...