You can use the aspect-ratio property. You can freely set the width, then the height will automatically adjust itself according to the aspect ratio you’ve added. Another thing is using the object-fit: cover; it also keeps the right aspect ratio of the image to fit the given dimension.
You should type with !important; Tag with css like these it will work .navigation-top { background-color: #eeeeee !important; border-bottom: 2px solid #e60909 !important; }
In case someone else needs this info. This answer was provided by Andrew Nevins over on the WordPress.org forums: .site-content-contain { background-color: transparent; } Simple once you find it.
Please paste below code to your header.php file, <?php if (!is_front_page() ) { echo ‘<style>.custom-header {height:500px;}</style>’; } ?> This code will check if current page is not home page then it will assign a new height to the header image. Change the value according to your wish
The easiest way would be to react to the change of classes assigned to the main menu bar – when it docks top – there’s added class .site-navigation-fixed. Making it work fully is not so quick and easy process, especially when you do the edits in the Chrome developer tools 🙂 You have to take … Read more
You can hard-code it to PHP file, but you don’t have to edit the original theme files. Instead, you can create a child theme. First, you create a folder and name it to your liking. For example my-theme Then create a style.css file inside that folder. At the very top of that CSS file, you … Read more
I have changed the link in the Menu option. This solved it.
There doesn’t seem to be any specific function to hook to, so a back-end solution would require altering the “/template-parts/page/content-page.php template file (via a child theme, preferably), namely adding your desired elements right before the closing </header> tag, for example: <header class=”entry-header”> <?php the_title( ‘<h1 class=”entry-title”>’, ‘</h1>’ ); ?> <?php twentyseventeen_edit_link( get_the_ID() ); ?> <!– … Read more
You can do this through css. The site you are referring to uses display:table for both logo and navigation. I would probably use display:inline-block and/or floats instead to achieve this. I would highly recommend you use a child theme for this so the Twenty Seventeen code base stays intact. You can find out about how … Read more