Move Menu & Widget Positions (Trvl Theme)

lindsaydli · Member · Jan 14, 2015 at 5:36 pm
Copy link

Add topic to favorites
Hi there,

I am new to CSS and have no idea how to accomplish what I want:

1) Move the footer, including the menu and it’s border, to the top and center of my site.
2) Have the bottom widgets displayed vertically on the right-hand side.
3) Keep the menu and side widgets static as the user scrolls down the page.

I’ve inspected the elements of my page, but I’m very new to CSS and am having trouble making sense of it all! Any guidance on how to accomplish these features via CSS would be much appreciated, please help!!! :)

Thank you,
Lindsay

The blog I need help with is philthphriendly.com.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 15, 2015 at 2:50 am
Copy link
Hi Lindsay, on a responsive width theme such as Trvl, these sorts of changes have a tendency to get really complicated and never really work out well. You can give the following a try and see what you think. Paste it in at the very bottom of your custom CSS. I’ve wrapped it all in a Media Query which limits the widget relocation to screens/windows wider than 1200px, which is where things start to go awry and the sidebar starts overlapping the content.
```
@media screen and (min-width: 1200px) {
.navigation-main {
    text-align: center;
    position: absolute;
    top: -70px;
    width: 100%;
}
.site-footer .widget-area {
    position: absolute !important;
    right: 0;
    top: 500px;
    max-width: 20%;
    width: 100%;
}
#page {
    position: relative;
    width: 1150px;
}
.site-main {
    max-width: 880px;
    width: 100%;
}
.entry-meta, .comment-meta {
    width: 190px;
}
}
```
thesacredpath · Member · Jan 15, 2015 at 2:52 am
Copy link
If you want a sidebar widget area, I might suggest you look at some other themes that already have one.
lindsaydli · Member · Jan 15, 2015 at 4:42 am
Copy link
It works great, thanks! I’ll look into some other themes to see if I can find a better sidebar solution, but thank you again!
thesacredpath · Member · Jan 15, 2015 at 5:13 am
Copy link
You are welcome.

No items found.