This topic has 2 voices, contains 3 replies, and was last updated by  TB Support 2644 days ago.

is it possible to make the header in mobile fixed ?

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › is it possible to make the header in mobile fixed ?

This topic has been marked as resolved.

sorry for bothering you again, site nearly finished, may be too many questions in these few days.

since i want to fixed the header of mobile view( marked by the red rectangle) in mobile view, i tried to modify the js files which mentioned in the topic http://support.themeburn.com/topic/pavilion-v2-sticky-header-for-mobile.

but it doesn’t work.

can u tell me how can i make the mobile header to become a fixed header?
also i think the mobile header is a little bit too height, how can i decrease the height of it? i think it occupied to much place.

thanks
 Ken Yeung
January 25, 2017 at 3:05 am #55810

Hi,

You can use a very simple CSS solution:

@media (max-width: 768px) {
  #wrapper {
    padding-top: 85px;
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
}

BR,
ThemeBurn team
 TB Support
January 28, 2017 at 12:39 am #55905

thanks it work great
 Ken Yeung
January 31, 2017 at 11:26 pm #56005

Glad we could help.

BR,
ThemeBurn team
 TB Support
February 1, 2017 at 1:15 am #56008
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.