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.
|
|
@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!
|
|
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!
|
|
@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!
|
|
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.
|
|
@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!
|
|
@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
|
|