Moving Reconfigured Menu To The Left Side?

Highlighted
Excursionist
27 0 31

We use the Reconfigured theme but we're thinking of moving the right hand menu to the left side. Does anyone know how to go about this? Assuming its a code tweak in the CSS as well as in the theme code? If anyone has done this, would love to see how its done. Thanks in advance!

0 Likes
Highlighted
Shopify Staff
Shopify Staff
5704 1 318

Hi Eric,

From my Firebug, it looks like all you need to do is switch 'floats' around.

Add this to your stylesheet:

.side-bar {
float:left;
}
.content {
float:right;
}
0 Likes
Highlighted
Shopify Staff
Shopify Staff
5704 1 318

Oops, the complete solution would be:

.side-bar {
float:left;
}
.content, .content-inner {
float:right;
}

For it to work on all pages and not just the home page.

0 Likes
Highlighted
Excursionist
27 0 31

Awesome. Thanks Caroline! One final question. This works for everything for me except my blog home page. Blog content pages and regular content pages are fine. But the blog home page has the nav bar show up under the content. Very strange?

0 Likes
Highlighted
Shopify Staff
Shopify Staff
5704 1 318

Dear Eric,

On all pages, the sidebar is seen by Firebug as an immediate child of the wrapper div... except on the blog home page. There, it is seen as a child of 'content-inner'. My guess is that there is a markup error in the blog.liquid template. Check and double check your HTML in it.

PS. Your new website has come along well! Awesome!

Best,

Caroline @ Shopify

0 Likes
Highlighted
Excursionist
27 0 31

Thanks Caroline, as usual you were right. Had an open div. Closed it and all is fine. Also thanks for the kind words on the new site. We'll make sure to post it under "newly launched" to spread the word. All the best - Eric

0 Likes
Highlighted
Tourist
10 0 2

so where do we add the code? theme.liquid?

 

uder what code?

0 Likes
Highlighted
New Member
2 0 0

Hello 

i was wondering if i could move the menu from the middle of the screen to the very left of the screen on the Simple Theme. 

0 Likes
Highlighted
New Member
1 0 0

enter the code menu: Assets-> theme.scss.liquid

change: after float write right should look like this:
.grid__item {
float: right;
padding-left: $grid-gutter;
width: 100%;

then the menu is on the right side.

dan-laron_0-1596920527791.png

 

0 Likes