Simple Theme- Center Menu instead of Sidebar Menu

[Feffo9]

Hey guys! 

I am using the simple theme and i am wondering how can i center my sidebar menu at the top of the site? 

Thank you for your help!

[KarlOffenberger]

Hi, wouldn't it be easier to use a different theme? Essentially that's like wanting to mount 21 inch wheels on a Fiat 500, yes it is possible and it wouldn't even look that bad as 21 inch wheels in a Fiat 500, but there are definitely easier ways to get hold of 21 inch wheels 😉

Don't get me wrong, I'll say it again: of course it is possible to change it, but unless you feel very comfortable with Liquid, HTML and CSS to make this change yourself, this kind of change isn't easy to provide or describe even in a lengthy forum tutorial. So in that case, unless you really really want to stick with Simple theme, I'd suggest you pick another free theme to begin with where such fundamental UI layout changes need not be made.

Best wishes!

[Feffo9]

Hahahaha...yeah you're probably right. Actually the only feature i really, really, REALLY want from the simple theme is the possibility of making tabs in the product description (heading 5 is coded for a tab--> accordeon). Simple theme is the only free theme with this possibility and my products have got a loooot of description which should be organized by a better overview...I've already tried to customize another theme with that code but it didn't work😒😭😭😭

[KarlOffenberger]

Well adding tabbed product descriptions is definitely easier than what you're asking for here. But if neither work(ed) then I'd consider buying a theme or simply hiring an expert to make the changes for you? Alternatively, if you really really must, you can also look in to apps that do tabbed menus. Though even though I mention it here, I honestly do not recommend that option because such apps that add simple UI widgets are typically... ehmm... well I'd prefer not to get banned here so I'll keep my thoughts to myself.

[Feffo9]

Maybe someone here can help me first. I am not good at giving up.

In the simple theme, a snippet (bs-tabs.liquid) was created for this table.

This snippet has been inserted into another snippet (product.description.liquid).

And the latter snippet was inserted into a section (product-template.liquid).

So now I thought so far that I could copy both snippets and paste in the other theme as well. Then I would just have to insert the product.description.liquid to the right place of my theme or not? It is the debut theme.

thank you for your help i really, really appreciate it!

p.s. everyone starts small 😄

[Feffo9]

Maybe someone here can help me first. I am not good at giving up.

In the simple theme, a snippet (bs-tabs.liquid) was created for this table.

This snippet has been inserted into another snippet (product.description.liquid).

And the latter snippet was inserted into a section (product-template.liquid).

So now I thought so far that I could copy both snippets and paste in the other theme as well. Then I would just have to insert the product.description.liquid to the right place of my theme or not? It is the debut theme.

thank you for your help i really, really appreciate it!

p.s. everyone starts small 😄

[KarlOffenberger]

Yes, that would be one approach. However, it will cause more trouble down the road - you need to take special care what variables are passed to the snippet when they're included. You would also need to consider the theme CSS differences and either copy over some missing CSS rules, or adapt those classes from the pasted code to suit Debut theme.

[Feffo9]

well damn... and does anyone know how much letting this function make from a professional would cost? 

it is really annoying that shopify hasn't got so many designs and functions. It really is very limited... and any app costs a lot of money....

[KarlOffenberger]

Have you tried following this tutorial on how to add tabs to product descriptions?

For Debut theme, you would need to edit the Sections / product-template.liquid file where you will find the 

{{ product.description }}

mentioned in the tutorial.

Likewise, you will need to add the JavaScript in that section, just before the {% schema %}

{% endunless %}

<script type="text/javascript">
  // paste the JS from the tutorial here
</script>

{% schema %}

And last, you'd need to add the <style> as mentioned in the tutorial adding it at the beginning of the file should be fine, but I'd prefer to put it at the very end of Assets / theme.scss.liquid (without the <style> tags).

[Feffo9]

Thank you very much Karl. But actually that is not what i am looking for because every product needs different quantities of tables depending on the information. That's why "i fell in love" with the simple theme in the way that they just coded for heading 5 the function of a table... (

[KarlOffenberger]

You can do the same with that tutorial with some modifications.

It's a sunny day here so I am off for a walk, feed squirrels, grab a coffee and rehab from computers for a while - I'll try get back to you with more details and how-to as soon as possible.

[Andriano]

---

@Feffo9 wrote:

Hey guys! 

I am using the simple theme and i am wondering how can i center my sidebar menu at the top of the site? 

Thank you for your help!

---

Can you make a descriptive image of what you want. You take a capture of the page in question and you modify according to what you want on Photoshop or other. That way I'll see what you want better.