gcwp

that is worse!

Geoff

excellent !

Cheers

Geoff

Andrew

I put it outside the media query but could see no difference to the iphone portrait view, it looked the same as when the css was inside the media query!

Anyway, it is now back inside the media query!

Cheers

Geoff

PS if you ever have the time I would really appreciate your adding a line to each of the blocks of the css you gave me before, ie the css re moving the Media icon to the top of the page etc. This would help me to better understand what it is doing …

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

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video, 
.has-header-video .custom-header-media iframe, 
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: auto;
    position: relative;
}

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

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

    .main-navigation {
        left: 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: 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;
    }

}

• This reply was modified 9 years, 6 months ago by Steven Stern (sterndata).
• This reply was modified 9 years, 6 months ago by Steven Stern (sterndata). Reason: put code in backticks

Andrew

I put the following into

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

This correct? On the iphone portrait view it does show a little more of the left hand side of the pic on the front page but not as much as is seen in the landscape view. Is this to be expected?

geoff-ideas.co.uk

Geoff

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: auto;
position: relative;
}

into

Andrew

Confused! That pic has both the PC type of nav list at the top and the Menu icon at the side – is this the view using a PC or iphone or both? Where would the list using the Menu icon appear?

Geoff

Andrew

‘afraid I posted before I read your Suggestion: idea …

Cheers

Geoff

It just seems strange that by design what a user sees is a Menu icon with a cross next to it.

When I first saw that I thought the cross indicated an error of some kind and only by chance did I later scroll down and see the list of menu items!

Is there a process for me to bring this to those involved in the design of the theme?

Cheers

Geoff

Andrew

have removed all the css in the child theme and this is the screen view.

bug or design?

Geoff