MartinGBEdwards

Glad to be of assistance!
The child theme thing really does make life easier and safer ??

kind regards

Martin

add this to your child theme style.css

.brand img {
width: 250px;
}

I hope that helps!

Are you working on a child theme?
If you are then you only need to add the css snippet I gave you to the end of the style.css file. Don’t edit the parent theme Style.css, a lot of the settings will cascade to other areas and have unpredictable affects. Also anything you do will be overwritten when you get a theme update.
In fact you only really need to add this:
#expound-social li a::before {
opacity: 1;
}

The child theme style overrides the parent theme so you just need to match the selector and use that one property.
I hope that helps!

Just add the following to the style.css in your child theme or use a Custom CSS plugin and add it there.

#expound-social li a::before {
content: “?”;
font: 18px/1 “Genericons”;
opacity: 1;
}
Its the opacity change to 1 that does it!

You are very welcome! Glad to be of assisstance.

Hi satimis
Have you had a look at the moving_wordpress codex entry yet?
there is also this topic which has a few other suggestions as well

When you say you have it on “localhost” do you mean that it is on your local machine and inaccessible to the web or are you saying that you are working on a webserver and just need to allocate a new domain name (URL) to the site?

Sorry satimis, I have just checked this on my server here and realised that the tags are being stripped out of the menu titles. I’ll have to have another think about how to do this, we may well have to use some jQuery to pick up a character like “|” in the title and insert the span tag that way. I’ll have dig around and get back to you.

Are you entering menu titles on the menu setup in Apearances or are you letting the post title determing the menu title? Looking at the html at the moment the menu title doesnt have the span tag around the bienvenue.
If you are specifying menu titles then you have to put the tag in there as well.

I was trying to keep it as specific as possible so that it only affected the menu items. If you want it to work anywhere that you use the span class “fr” then all you need to do is remove the .nav-menu part of the rule declaration so you just have :

span.fr {
color: #0000FF;
font-style: italic;
}

That means that you will get the same italic/color combination everywhere you use that span.

I Hope that helps!

Martin

Hi Satimis
If you add this to your custom css it should make the menu items move to the top

.nav-menu li {
    display: block;
    float: left;
    margin: 0 10px;
    }

Hope that helps, give me a shout if you need any more help
Regards

Martin

Hi Satimis
That is certainly looking a lot better!
I have a solution for your italic/colour on the French text question.
It’s the simplest I can think of without getting involved in jQuery.
If you put a <br> tag after “Welcome” and then wrap a <span class="fr"> around “Bienvenue” </span> in the menu title or post title you can then add this to your custom css :

`
.nav-menu span.fr {
color: #0000FF;
font-style: italic;
}
`

In the

Blog [Topic of the Month?]

query I was asking whether you might consider calling that section “Blog” rather than “Topic of the Month” – just because its shorter!
I have had a go at getting the menu items to display at the top but the only thing that works is changing the display property to “inline-flex” but as this isnt supported very well by browsers and it messes up the span solution too, I’ll see if there is another solution.
Regards

Martin

Hi Satimis
The main problem with the the menus is that there is too much text. This is pushing the menu onto two rows. The best way of dealing with this is to look at the structure of the menu and reduce the length of the descriptions.
I would suggest something like this:

Sous Vide [instead of welcome]
How to
Equipment
Water Displacement
Water Bath & Sealer
Experiments
1st – text
2nd – text
3rd – Without Equipment
Recipes
Meat
Fish & Shellfish
Vegatables
Blog [Topic of the Month?]

Contact Us
Forum [buletin board]
Ask a Question

The bold headings are the main items the rest are subheadings. This should give you enough room for the French translation to wrap beneath each one if you restrict the width of each and give you the single line of menu items with French below.
I’m looking into what to do about the different colour/italics question and will add some thoughts shortly!
Hope this helps

Regards
Martin

@tizz Ok, sorry about that, just trying to be helpful.

I hope you don’t mind me adding my 2 cents worth here. There is a “.site” rule on the #page div which if you change overflow from hidden to visible allows the sub menu to show.
The downside is that there is a yellow band on the heading which is currently being hidden by the overflow setting which will need looking at.
adding
#page.site{overflow:visible;}
to the custom css should at least show the submenu items.
Hope this helps

Hi Satimis
There’s quite a lot of text in those menu items! Personally I would try to reduce the number of words in your titles at the top level. Having said that, I had a play with it and if you reduce the font size and padding and restrict the with of links they do wrap round.
You can add the following to your custom css or preferably child theme

.nav-menu li a {
    padding: 8px 5px;
    font-size: 14px;
    width: 80px;
}

you might need to play with the padding numbers and width but it looks OK. The better solution would be to reduce the number of top level menu items and the size of them.
Hope this helps

Regards

Martin