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

Menu alignment, padding, display, etc. (Trendo)

ThemeBurn Support › Forums › OpenCart Themes › BurnEngine › Menu alignment, padding, display, etc. (Trendo)

This topic has been marked as resolved.

I’m trying, in vain, to get the menu to center within the block. I’ve tried several different methods, save for coding it in outside of BurnEngine.

I’ve also turned on the separator between each menu item and it is refusing to show. It will show for a split second when first loading the page, but quickly vanish.

Where to adjust the pixel width that the menu decides to squeeze itself into a smaller form?

Lastly, for now at least, the mobile menu display.

I’ve somehow removed the padding and now the list is right on the edge. I need that back to default. The padding is still set to 30 in BurnEngine.

I’m assuming there are ways to do each of these within BurnEngine rather than coding it in outside of it.

I’ve attached images showing what I am referring to.

Any help is much appreciated.

Thank You
 Minacious
March 1, 2017 at 10:01 am #57003

Hi,

Can we check the live example? You can use hidepost to share private information with the support staff.

BR,
ThemeBurn team
 TB Support
March 5, 2017 at 5:10 pm #57135

That you for the reply. I almost thought it would get buried and not replied to.

I’ve been able to fix a couple of the issues I was having.

What remains is the separators not showing when toggled on (anywhere on the site), and the ability to center an element within a module. An example: at the bottom of the home page is a horizontal list with 2 items. Ideally, I would like that centered to the page and instagram icon below it.

Thank You

Below is a link to the backend with backend access.
 Minacious
March 8, 2017 at 12:42 am #57241

Hi,

Have you already managed to go through the last request?

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

P.S. Congrats for your implementation of Trendo – really inspiring!

BR,
ThemeBurn team
 TB Support
March 10, 2017 at 6:30 pm #57315

Yes, I’ve been able to sort that bottom menu out.

The last thing, for now, is the main menu. I can’t get the separators to show there as well. As I mentioned earlier, they will show for a split second when loading the page, but then disappear.
Some help there will be greatly appreciated.

And thank you for the congrats on the website. Just a few more things to sort out and then it can go live.
 Minacious
March 12, 2017 at 9:37 am #57345

Hi,

We’ve found the problem with the missing separator. Here are the steps to fix it:

1) Open catalog/view/theme/BurnEngine/template/sticky-header.css.tpl

2) Find this code block:

.tbSticky nav > .nav.nav-justified > li {
      -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tbSticky nav > .nav > li:before {
  content: none !important;
}

3) Replace it with:

.tbSticky > .tbStickyRow nav > .nav.nav-justified > li {
      -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tbSticky > .tbStickyRow nav > .nav > li:before {
  content: none !important;
}

P.S. After you apply the fix, you may want to disable the “Justified width” style of the main menu.

BR,
ThemeBurn team
 TB Support
March 13, 2017 at 2:00 am #57370

Yep, that did it!!

Very nice. Thank You

This won’t be overwritten with a theme update, will it?
 Minacious
March 13, 2017 at 4:49 am #57372

Glad we’ve helped :)

The fix is now part of the theme and will be provided will all upcoming version, so do not worry.

BR,
ThemeBurn team
 TB Support
March 16, 2017 at 5:52 pm #57506
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.