Rename Menu icon in Twenty seventeen theme
Rename Menu icon in Twenty seventeen theme
theme-twenty-seventeen
Icon not shown in Dropdown menus in Twenty Seventeen Theme
It’s not images, its fontawesome icons, and the fontawesome library is not being called. so you can add the below code to your theme functions.php add_action( ‘wp_enqueue_scripts’, ‘enqueue_load_fa’ ); function enqueue_load_fa() { wp_enqueue_style( ‘load-fa’, ‘https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css’ ); } thats how the current icons for the menus will be showing.
How do I move the sidebar more to the right in TwentySeventeen?
You have 2 options: Option 1. Just add negative margin to the sidebar CSS like this: @media screen and (min-width: 48em){ #secondary{ margin-right:-150px; } } Option 2. Add more max-width to the wrapper: @media screen and (min-width: 48em){ .wrap{ max-width: 1340px;//the default is 1000 padding-left: 348px;//you have to add padding left so the left side … Read more
Child CSS not working for some of the classes – twenty seventeen theme
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; }
Twentyseventeen theme and Bootstrap are seemingly incompatible [closed]
Bootstrap classes are not the same classes in WordPress, you need to write Bootstrap HTML markup into your theme file and then it will work. Here look at the examples given and mix the Bootstrap HTML with WordPress template tags and PHP. Start with this basic template and replace the parts that you want WordPress … Read more
Twenty Seventeen Theme – scrolling text over background images
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.
Move main menu to top of screen
This is a two step solution: Install plugin “Options for Twenty Seventeen” (Link) Add the following CSS to “Design” > “Customizer” > “Additional CSS” .navigation-top { position: fixed; bottom: auto; left: 0; right: 0; top: 0; width: 100%; } .custom-header { padding-top: 50px; }
How do I control the header space in non-front pages in Twenty Seventeen?
You can target several of the header elements using CSS. I’d use the site-branding like so: .site-branding { min-height: 50vh; } This would set the minimum height of the element to 50% of the viewport height. You can add this to your child theme’s style.css or via the customizer if you’re running a WordPress version … Read more
How to change header image dimensions on twenty seventeen theme (on pages other than home page)
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
Problem with submenu position when nav bar is at the bottom
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