Spun: Centre position of circles

kristenspetsitting · Member · Apr 15, 2014 at 1:35 am
Copy link

Add topic to favorites
Hi,
How can I centre position of circles so they appear in the middle of any screen size.

Thanks!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 15, 2014 at 1:44 am
Copy link
Are you referring to the Spun theme?
http://theme.wordpress.com/themes/spun/
kristenspetsitting · Member · Apr 15, 2014 at 3:17 am
Copy link
Yes I have used the Spun theme.
thesacredpath · Member · Apr 15, 2014 at 3:23 pm
Copy link
Hi, I’m looking into this for you. My first though was a few media rules, but things went awry a little on me.
thesacredpath · Member · Apr 16, 2014 at 9:11 pm
Copy link
Hi, I’ve taken a look at things and cannot figure out how to center the content. The problem is, it would require media queries for max widths at 2514, 2199, 1885, 1471, 1257, 942, 800, 679 and 499px and even in my testing, it is still hard to keep things centered between those, such as between 2514 and 2199, and 2199 and 1885, etc.
kristenspetsitting · Member · Apr 17, 2014 at 12:10 am
Copy link
Thanks for looking into this. I really appreciate it.
I have another question :
I want to display the full menu options on smaller screen sizes too. Just like the one viewed on a full screen. So that the user doesn’t need to click on the ‘Menu’ to see the full list.

Would I need to create another topic?

Thanks!
thesacredpath · Member · Apr 17, 2014 at 6:50 pm
Copy link
I’m working on the menu thing. Spun seems to have done some stuff differently and it is taking a little time to figure it out.
kristenspetsitting · Member · Apr 18, 2014 at 11:10 am
Copy link
Thanks I really appreciate it.
thesacredpath · Member · Apr 18, 2014 at 10:40 pm
Copy link
Sorry, the selector change that the theme makes on the main menu when it goes from the full menu to the minified menu, means I cannot bring back the full menu. I can offer this, which centers the “menu” toggle.\
```
.menu-toggle {
    text-align: center;
    width: 100%;
}
```
kristenspetsitting · Member · Apr 24, 2014 at 3:43 am
Copy link
Thanks I’ve done it that way. Is it possible to center the position of the drop-down menu? Also, not the header image looks like it’s a little to the left. Is it possible to center the header image too?

Thanks!
vinoddalvi · Member · Apr 24, 2014 at 6:58 am
Copy link
Hi @kristenspetsitting,

Also, not the header image looks like it’s a little to the left. Is it possible to center the header image too?

Try using the following CSS code to center the header image.
```
.site-header img {
margin-right: 0 !important;
}
```
Regards,
Vinod Dalvi
kristenspetsitting · Member · Apr 25, 2014 at 1:48 pm
Copy link
Thanks Vinod! That’s worked perfectly!
vinoddalvi · Member · Apr 25, 2014 at 1:52 pm
Copy link
You are most welcome :)
kristenspetsitting · Member · Apr 29, 2014 at 3:52 am
Copy link
I have one more question regarding the circles in the Spun theme –
I want to center the position of all the circles when viewing the page on a mobile device. So when you click on one of the links in the ‘Take a Look’ widget section at the bottom of the site a new page is opened. The circles look a little out of balance. I would like the top circle to be centered and the other circles to have enough space between each other. Is that possible?

Thanks!
thesacredpath · Member · Apr 29, 2014 at 6:17 pm
Copy link
The categories widget (your Take a Look) does not have the option of opening in a new page. What I would suggest would be to create a separate Custom Menu and then re-create that widget using the Custom Menu Widget and then you can set the links to open in a new tab or window.

Custom Menu
Custom Menu Widget

On the alignment on categories pages, add the following CSS and then look at all your category pages, and also at all other pages to make sure nothing goes wacky. I checked a number of pages and everything seems ok.
```
.page-header {
    margin-left: 25px;
}
```
kristenspetsitting · Member · Apr 30, 2014 at 3:48 am
Copy link
Thanks for that! I tried aligning it as you said and it looks perfect!

Much appreciated, thanks!
thesacredpath · Member · Apr 30, 2014 at 4:10 am
Copy link
You are welcome.

No items found.