gcwp

The css below gets the menu at the top but still not clear how I change the size of the image above it on the non-homepage pages! Oddly they seem OK on the mobile.

Code to get menu at top of page.

@media (min-width: 760px) {
.navigation-top {
position: absolute;
top: 0px;
width: 100%;
height: 70px;
}
}

@media (min-width: 760px) {

.custom-header {
position: relative;
padding-top: 70px;
}
}

Geoff

• This reply was modified 7 years, 7 months ago by gcwp.

cannot see where I found this css at the moment but it puts the menu at the top!

@media (min-width: 760px) {
.navigation-top {
position: absolute;
top: 0px;
width: 100%;
height: 70px;
}
}

@media (min-width: 760px) {

.custom-header {
position: relative;
padding-top: 70px;
}
}

and this css puts the mobile menu at the top of the page.

@media screen and (max-width: 767px) {

.navigation-top,
#masthead .wrap {
position: static;
}

.site-branding,
.custom-header-media {
z-index: 0;
}

.main-navigation {
left: 15%; /* orig 10% */
position: absolute;
top: 0;
width: 80%;
z-index: 1;
}

.main-navigation ~ a {
display: inline-block;
margin-top: 10px;
}

html .colors-custom.navigation-top .menu-toggle,
html .navigation-top .menu-toggle {
background: white;
color: red;
float: right;
margin-top: 0.5em; /* orig 1em */
z-index: 1;
}

.menu-menu-1-container {
clear: both;
}

html .colors-custom .menu-toggle:focus,
html .menu-toggle:focus {
background: white;
outline-color: black;
}
}

Geoff

That scrolling down effect seems to have disappeared!

When viewed on a mobile the Menu link is at the bottom of the page bit when I click on it I see a “x” but the actual list of items is only seen when scrolling down! So some would never see these items!

How solve this one?!

Cheers

Geoff

Thanks Caroline – will take a close look!

Cheers

Geoff

Thanks for the link !

Cheers

Geoff

Shelby

I have had to go back to the light color as Events Calendar not visible in parts.

When I hear from you I will opt for the dark color again so that you can see what I mean!

Cheers

Geoff

Thanks for your reply.

Not sure what you mean by “When you are inserting the display choose the NextGEN Basic Slideshow ..”

Could you please explain?! Remember I have already got NextGen gallery installed …

Thanks

Geoff

Shelby

I have tried changing from Events to Page template and this does not solve the problem.

If you could just go to this and you can see how the various parts do not show up well when I select the “dark” color for the theme.

https://geoff-ideas.co.uk/events/

Any simple solution spring to mind?!

Geoff

Andrew

the style css is so much better!

Many thanks!

Geoff

Andrew

Made the changes but the new facebook icon does not appear. Will check all again.

You have said use this to replace the origina; facebook section in the svg-icons.svg file;

<symbol id=”icon-facebook” viewBox=”0 0 19 32″>
<path class=”path1″ d=”m 334.15144,804.98346 c -5.3195,-2.57178 -5.48595,-4.88918 -5.12286,-71.32086 l 0.34639,-63.37537 2.84722,-2.84643 2.84722,-2.84643 64.93056,0 64.93055,0 2.84722,2.84643 2.84723,2.84643 0.34639,63.37537 c 0.23944,43.80794 -0.0761,64.39536 -1.02199,66.67892 -0.7526,1.81695 -2.76307,3.93901 -4.4677,4.7157 -4.17226,1.90101 -127.38871,1.8318 -131.33023,-0.0738 z m 69.59853,-49.76409 0,-18.75 5.55123,0 c 3.05317,0 5.83193,-0.45419 6.17502,-1.00931 0.34308,-0.55513 1.01125,-3.93013 1.48481,-7.5 l 0.86102,-6.49069 -7.03604,0 -7.03604,0 0,-5.375 c 0,-6.75434 1.62066,-8.375 8.375,-8.375 l 5.375,0 0,-6.875 0,-6.875 -8.18707,0 c -14.44615,0 -19.31293,4.86677 -19.31293,19.31292 l 0,8.18708 -5,0 -5,0 0,7.5 0,7.5 5,0 5,0 0,18.75 0,18.75 6.875,0 6.875,0 0,-18.75 z” style=”fill:#000000″></path>
</symbol>

From the Inkscape conversion you take the section starting d= but where does this part come from? <symbol id=”icon-facebook” viewBox=”0 0 19 32″><path class=”path1″

Geoff

<path
id=”path3347″
d=”m 334.15144,804.98346 c -5.3195,-2.57178 -5.48595,-4.88918 -5.12286,-71.32086 l 0.34639,-63.37537 2.84722,-2.84643 2.84722,-2.84643 64.93056,0 64.93055,0 2.84722,2.84643 2.84723,2.84643 0.34639,63.37537 c 0.23944,43.80794 -0.0761,64.39536 -1.02199,66.67892 -0.7526,1.81695 -2.76307,3.93901 -4.4677,4.7157 -4.17226,1.90101 -127.38871,1.8318 -131.33023,-0.0738 z m 69.59853,-49.76409 0,-18.75 5.55123,0 c 3.05317,0 5.83193,-0.45419 6.17502,-1.00931 0.34308,-0.55513 1.01125,-3.93013 1.48481,-7.5 l 0.86102,-6.49069 -7.03604,0 -7.03604,0 0,-5.375 c 0,-6.75434 1.62066,-8.375 8.375,-8.375 l 5.375,0 0,-6.875 0,-6.875 -8.18707,0 c -14.44615,0 -19.31293,4.86677 -19.31293,19.31292 l 0,8.18708 -5,0 -5,0 0,7.5 0,7.5 5,0 5,0 0,18.75 0,18.75 6.875,0 6.875,0 0,-18.75 z”
style=”fill:#000000″ />

Andrew

It was Safari on my daughter’s ipad, possibly 4 year’s old, model ipad md511b/a.

Cheers

Geoff

Thanks Andrew – will give it a go.

Cheers

Geoff

Andrew

have just tried adding the code after the current code in the functions.php file but again the site will not load !?

Geoff

Andrew

just a thought – do I simply add the code to the functions.php folder or replace what is already there?

I replaced what is there – perhaps this is why the page didn’t load?

Cheers

Geoff

• This reply was modified 7 years, 11 months ago by gcwp.

Andrew

oops! have done as you suggest but with the new functions.php file the geoff-ideas.co.uk does not load – just get a blank page in the browser!

putting the original functions.php file back and it does load ..

any thoughts?

Geoff