Sticky Header Logo & Mobile Sticky Header, request help.

ThemeBurn SupportForumsOpenCart ThemesBurnEngineSticky Header Logo & Mobile Sticky Header, request help.

This topic has been marked as resolved.

Hi ive searched already and not been able to find a soltuion to the following.

1. I would like the site logo to show on my sticky header, at the moment i only have the nav and cart icon. I cant seem to work out how to enable the logo on sticky header as well.

2. I would like the mobile version to also have a sticky header I saw on a previous thread that there is some javascript to alter but this was different to the javascript i see i the common.js

I am using the latest burnengine and shoppica theme.

I also reaslise the sticky header on mobile isnt optimised but i would like to take a look either way.

Thanks in advance.

October 22, 2016 at 5:18 pm #52387

@britanniamc

In BurnEngine, go to Page Builder => Header

Choose your Site Logo block, go to tab labeled “Advanced”, in the section “Extra Class” place this class:

tbStickyShow

Save block and layout. Your site logo should show in your sticky header now.

As for the other sticky header / mobile menu related things, the documentation resource is always a great place to start:

For Mobile Menu tips: http://docs.themeburn.com/burnengine/header/mobile/
For Sticky Header: http://docs.themeburn.com/burnengine/header/sticky/

Good luck!

October 25, 2016 at 12:53 am #52432

cheers dude i already had a class in there to show the logo on the mobile so when adding another nothing then worked. I tried a , ; – between them and nothing worked. turns out a simple space between is what was needed.

to the developers it wouldnt hurt just to put a small label saying use a space when using multiple classes as its not really that intuitive when we are usually used to using something else like a semi colon to separate code elements.

thanks again tx!

October 25, 2016 at 6:45 pm #52455

@britanniamc

Glad that helped, and to be fair, they do give examples here: http://docs.themeburn.com/burnengine/header/sticky/ that show the classes entered (without using additional syntax).

Either way, happy that I was able to help!

October 25, 2016 at 6:58 pm #52456

yeh fair point they do, im not the sort to read manuals tho (what man does lol) i like to dive in and play with things a little…anyway the issue is solved.

But still no further with the mobile sticky header ive read the whole docs and i cant find anything regarding that so ill leave it out, i only wanted to see what it looked like anyway.

October 25, 2016 at 7:06 pm #52457

@britanniamc

I am not entirely certain if the code is the same across multiple BurnEngine based theme(s), but for Pavilion version (v1.1.2) of BE, the line of code that ThemeBurn recommends modifying here: http://support.themeburn.com/topic/pavilion-v2-sticky-header-for-mobile
falls on line 584 of catalog/view/theme/BurnEngine/javascript/common.js

Good luck!

October 25, 2016 at 8:28 pm #52458

@britanniamc

Actually there is a small hint for leaving spaces between additional classes, but only for the builder row. Thank you for pointing us that this text is missing for blocks (widgets)!

BR,
ThemeBurn team

October 28, 2016 at 12:49 am #52597
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.