Sticky Mene

Tagged: 

This topic has been marked as resolved.

Im trying to find out how can I get my main menu to be stickied but I could not find it

Thanks

 pipoy
July 17, 2017 at 8:34 am #60423

Hi,

Sticky header is enabled from Theme Settings > Style > Common.

http://i.imgur.com/z6f3Sdn.png

More information can be found on the documentation page:

http://docs.themeburn.com/burnengine/header/sticky/

BR,
ThemeBurn team

July 17, 2017 at 6:03 pm #60430

Hi,

I actually already did that before I made this thread

1. yes I have enabled the sticky head.
But the thing is, only the menu is what I wanted

2. Then I did follow the doc

But when I did,
a. It’s not aligned
https://scontent.fmnl4-4.fna.fbcdn.net/v/t31.0-8/20116751_1600723360001064_3006875835323593481_o.jpg?oh=727d8c3a28042a1d8270fc0826895d21&oe=5A030ECC

b. I really just want the main menu only

 pipoy
July 18, 2017 at 9:00 am #60436

Ok never mind on the last query.
The sample header for initial installation has classes so I removed what I did not want

But on mobile, the menu is not aligned as attached

Here are my classes

tbStickyShow tbStickyPosition-1 tbMobileMenuShow tbMobilePosition-1 tbMobileMenuDisplayInline tbMobileMenuCenter

and you can check out the website beta.newgearday.com

  • This reply was modified 2467 days ago by  pipoy.
 pipoy
July 18, 2017 at 9:15 am #60438

Hi,

Can you please check the settings of your menu block in Page Builder? It should have the “Responsive” option enabled.

http://i.imgur.com/96UUVt7.png

BR,
ThemeBurn team

July 18, 2017 at 3:22 pm #60471

Done. It looks better now.
Except the drop down icon is overlapping as attached

  • This reply was modified 2467 days ago by  pipoy.
 pipoy
July 18, 2017 at 3:47 pm #60475

Hi,

Can you please remove this extra class from the menu block:

tbMobileMenuDisplayInline

BR,
ThemeBurn team

July 18, 2017 at 3:59 pm #60478

Looks as I want it now thanks

Question. How do I move these icons as attached?

 pipoy
July 18, 2017 at 4:07 pm #60480

Hi,

Icons automatically move, when there is space to fit next to the logo. You can reduce your logo’s size for small screens if you want (Page Builder > Header > logo).

BR,
ThemeBurn team

July 18, 2017 at 4:29 pm #60485

The header is not fitted as attached

 pipoy
July 26, 2017 at 9:50 am #60579

I would also like to know how do have this on the right as attached

 pipoy
July 26, 2017 at 9:51 am #60581

Hi,

Can we check the live website?

BR,
ThemeBurn team

July 26, 2017 at 5:41 pm #60595

sure

 pipoy
July 27, 2017 at 6:39 am #60604

Hi,

1) Can you try to add this extra class to the main navigation:

tbStickyFill

The navigation will take only available space and go on 2 rows.

2) To align the “My account | Sell” part you need to:

- Edit the containing row settings and change the column align to “End”

http://i.imgur.com/iSK2bIz.png

- Change the display property of the Account menu to “Inline”

http://i.imgur.com/4oCw0WU.png

BR,
ThemeBurn team

July 28, 2017 at 1:29 pm #60649

hi

1. Do I do this Page Builder > Header > Main Menu and edit?

Attached is what happened but I think this is ok. I just need more spacing between theme

 pipoy
July 28, 2017 at 4:45 pm #60665
Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.