change header boxes size

fragonarts · Member · Mar 1, 2016 at 2:13 pm
Copy link

Add topic to favorites
Hello, I try to change the size of boxes at the top menu: I would like the search box was smaller to add another page title at the menu (at the right end). At the moment if I add one, the header is twice bigger and I don’t want this, I would like the header still the same and let me add a page title…. by making “search box” (“Recherche”) place smaller… Thank you
Sophie

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 1, 2016 at 9:30 pm
Copy link
Hi, the site title and search section have width settings of 25% each, leaving 50% for the width of the menu, so you should be able to add another page to the top menu, depending on the length of the title. On narrower screens though, it could still wrap.

One of the problems I see is that you have some very long page titles, and those are not going to work well with the way the header area is designed in Pictorico. We could hide the header search box entirely and give you 75% of the header space for the menu, but you may still run into problems.

You can edit the labels used in the menu and perhaps make them shorter and leave the actual page titles as they are. In general, it is better to have shorter menu labels if possible. That may not work for you, or you many not want to consider that. Just a couple suggestions.

If you wish to explore hiding the search and allowing the menu to flow into that area and add more pages, add this to the bottom of your custom CSS.
```
.header-search {
    display: none;
}
.main-navigation {
    max-width: 75%;
}
```
fragonarts · Member · Mar 2, 2016 at 11:38 am
Copy link
Hello,
Thank you for your support
That is not what I want, I want to keep the searck box (“RECHERCHE”) but it is too much large (between the 2 white vertical lines), and I would like to reduce that long side bar to have more space for the right menu, and be able to add a menu title next to others (“EXPO DU MOMENT” and “DEPOSER UNE OEUVRE”).
Thank you
Sophie
fragonarts · Member · Mar 2, 2016 at 12:41 pm
Copy link
Hi,
Do you think it is possible to permute search box and title tab?
Thank you
Sophie
fragonarts · Member · Mar 2, 2016 at 1:23 pm
Copy link
Hi again,
I have changed the size but the title is now too much big (I need to change the title, don’t want to keep ArtSea.CO). Do you think it is possible to align the text left because it is in the middle/ left.
http://art-sea.co/
Thank you
Sophie
fragonarts · Member · Mar 2, 2016 at 2:59 pm
Copy link
Hi again,
I have found the solution for title but still “search box” (“Recherche”) now Under title…
thesacredpath · Member · Mar 2, 2016 at 10:39 pm
Copy link
This moves the search box over beneath the title at window/screen widths 886px and wider. At 885px, the menu changes to the touch device menu (icon at upper right).
```
@media screen and (min-width: 886px) {
.site-header-inner {
    height: 80px;
}
.header-search {
    position: absolute;
    bottom: 0;
    padding-left: 0;
}
}
```
fragonarts · Member · Mar 4, 2016 at 1:46 pm
Copy link
Thank you for email.
URGENT I have just made a big mistake.
In tools menu I have choosed this option
“Categories and Tags Converter : Convert existing categories to tags or tags to categories, selectively.”
I thought I will have a tag creatd for each category, but this option have deleted all my categories and posts are not at all related to them….!!???
Is it possible to return before this action?
Many thanks
Sophie
kathrynwp · Staff · Mar 4, 2016 at 4:23 pm
Copy link
I’m sorry, Sophie, but there isn’t a way to revert that change.

You can view a cached version of your site here if it’s helpful:

http://webcache.googleusercontent.com/search?q=cache:YCxQQytO8bEJ:art-sea.co/+&cd=1&hl=en&ct=clnk&gl=ca
kathrynwp · Staff · Mar 4, 2016 at 4:24 pm
Copy link
You can see here that your alphabetical categories were converted into tags, with the same posts attached to each:

https://artdealerstore.wordpress.com/wp-admin/edit-tags.php?taxonomy=post_tag
kathrynwp · Staff · Mar 4, 2016 at 4:26 pm
Copy link
The only thing I can think of is that you could try using the tool again to convert the tags back to categories.
fragonarts · Member · Mar 4, 2016 at 4:45 pm
Copy link
Thank you,

If I choose to convert tags back to categories, do I have to delete tags first?
https://artdealerstore.wordpress.com/wp-admin/edit-tags.php?taxonomy=post_tag
Thank you

Sophie
fragonarts · Member · Mar 4, 2016 at 4:47 pm
Copy link
or create categories first? Because I just still have “A” , before I have all alpabetics letters (a – z) ?
kathrynwp · Staff · Mar 4, 2016 at 4:51 pm
Copy link
If I choose to convert tags back to categories, do I have to delete tags first?

No, don’t delete your tags. In the same way your tags were created automatically and the correct posts connected to them when you used the tool the first time, the same thing should happen in reverse when going back to categories from tags.

This is now quite far outside the scope of CSS customization help. :)

If you’d like a Happiness Engineer to walk you through this, feel free to access the live chat support option when available here:

https://wordpress.com/help/contact
fragonarts · Member · Mar 4, 2016 at 9:18 pm
Copy link
It’s ok, I have changed tags to categories, but need to try 4 times before I can see the result….
Thank you for your help
kathrynwp · Staff · Mar 4, 2016 at 9:21 pm
Copy link
Glad you’re set!

No items found.