Replies: 0
hello,
i’m using Child Theme COnfigurator for the Twenty Seventeen Theme,
I succeeded in reducing the height of the header image for desktops, but I don’t find how to get the same result for mobile.
I’m not into code, so I’m searching slowly like a snail, and I found out that some stuff that I changed for desktop (“@media screen and (min-width: 48em)” that according to me should be for desktop only) did also impact the mobile (as for example the color of the background of the menu, that I changed to gray).
I simply don’t find the same code for the other “sizes” of devices (20em, 30, 69, 75,…) :
@media screen and (min-width: 48em)
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media
> my new value for the height is : height calc(55vh – 25px)
what is wrong in the way I’m using the tool ?
Thx and best regards,