Help with Stay Theme

vonzwei · Member · Sep 28, 2014 at 11:19 am
Copy link

Add topic to favorites
Hi there,
I recently changed my theme from Forever to Stay. I need some help with the CSS. Obviously, the custom CSS on the forever theme are not the same as the Stay theme. My website is http://www.vonzwei.com

1) Why does it look so different on my computer as it does on my ipad?

2) How do I reduce the font size of my sub-menu and sub-sub menu?

3) I tried everything to remove the archive and the meta from my widgets (shows up at the bottom on my computer and shows up on the side bar on my ipad)

4)How do I center my content (on my computer and ipad)?

Thanks ahead of time. Hope someone can help me out?

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 28, 2014 at 12:07 pm
Copy link
1. Your theme is responsive, which means at different screen sizes it moves the content sections around for a better user experience. You wouldn’t want mobile users seeing the main column and sidebar as it would make the text area too small so it moves the sidebar to below the posts.
2. See the code below!
3. Sounds like they are the default widgets, if that’s the case and your widget area is empty just drag a text widget in and leave it blank. That should force the widget area to be empty.
4. Your images are already full-width from what I can see and the site is centred on my screen, can you explain a little bit more about how you want it to look?
```
.wf-active .navigation-main a {
  font-size:16px;
}
```
pcosta88 · Member · Sep 28, 2014 at 12:26 pm
Copy link
Hello!
1. It looks different because the website is responsive. It responds and adjust accordingly to the screen size

2. You may try the following code to fix the size of your submenu but it will also affect your main menu
```
wf-active .navigation-main a {
    font-family: raleway-1,raleway-2,"Gilda Display",serif;
    font-size: 40px;
    font-style: normal;
    font-variant: normal;
    font-weight: 100; }
```
Whereas, font-size: 40px is what you would change to–
font-size: YOURNUMBERHEREpx

3. To remove your widgets follow the instructions here
Go to Dashboard–>Appearance–>Widgets.
Select the widget you want to remove and drag it off the widget area. That will automatically remove it.
See also: http://en.support.wordpress.com/widgets/

4. To center your content you would need the Custom Design Upgrade and enter in the following code for your content
Text would get the following CSS: text-align:center
See here for example: http://pbrd.co/1pkTI88

Pictures would get the following CSS: align=”center” which would need to be placed in the <> tags of the image.
http://www.w3schools.com/tags/att_img_align.asp

See also CSS tutorials:
http://www.w3schools.com/css/css_text.asp

Note: #3 may be theme dependent.
pcosta88 · Member · Sep 28, 2014 at 12:32 pm
Copy link
Also, if you are concerned about how the responsive layout looks you might consider getting Google Canary as it offers Web Developer Tools that allow you to view the website in different lay outs

See here for yours in an Ipad layout:
http://pbrd.co/1pkTVIJ

No items found.