Move main menu to top of screen

I'm using the Twenty Seventeen theme and my goal is to move the main menu (top nav) from its position under the header image to the very top of the page directly over the header image (transparent background), but there seems to be a lot of javascript in addition to css involved in positioning the menu and making it sticky when scrolling. Can someone point me in the direction of the specific js files/functions that control and calculate the menu …
Category: Web

How do I change the header image height in Twenty Seventeen?

How do I change the height of the header image (specified in the Header Media section) in the Twenty Seventeen Theme? Specifically I want to change it on the home page because here it fills up nearly the entire page. I want it to be much shorter. The way it appears on other pages such as the built-in About page has a good height so if I could mimic that on the home page I would be satisfied. Although knowing …
Category: Web

Twenty seventeen theme dropdown menu issue

I am using Twenty seventeen to build my own design dropdown menu not working for me when I hover on the parent no thing shown here is mu own HTML output <div class="headermenu"> <div class="headermenu_wrap"> <div class="menu-primary1-container"><ul id="menu-primary1" class="nav-menu"><li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://127.0.0.1/sh/1/?page_id=113">search1</a></li> <li id="menu-item-121" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-121"><a href="#">sub<svg class="icon icon-angle-down" aria-hidden="true" role="img"> <use href="#icon-angle-down" xlink:href="#icon-angle-down"></use> </svg></a> <ul class="sub-menu"> <li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-116"><a href="http://127.0.0.1/sh/1/?page_id=77">search<svg class="icon icon-angle-down" aria-hidden="true" role="img"> <use href="#icon-angle-down" xlink:href="#icon-angle-down"></use> </svg></a> <ul …
Category: Web

Twentyseventeen theme customize bug

I have been trying to work out an issue with a clean install of wordpress using the customizer for the TwentySeventeen theme. I use the latest version of the theme. In the details it states that it should be working with Wordpress 5.8 (I'm using 5.8.2 but also tried 5.8.1 and 5.8.0) Every time I want to go into the customizer to change some parts of the theme I am greeted with a blank page with no preview or options …
Category: Web

How to enable excerpts just on the "Posts page"

In my fresh WordPress installation I'm using a barebones child theme based on the twentyseventeen theme. In Settings > Reading, "Your homepage displays" is set to the radio button "A static page", and I've duly selected a page for the "Homepage" and another page for the "Posts page". The thing is, I'd like the second, the "Posts page", to show just excerpts, with the truncated text and the "continue reading" link to the actual post (as opposed to the full …
Category: Web

Theme Twenty Seventeen - Make Margins Smaller So That Text is Wider

I'm sure this is a very common question so I apologize in advance if this annoys some people. This is my first ever blog so I have little to absolutely no knowledge on how to manipulate the elements to my liking. The text in the blog uses about a third of the actual sites size and leaves a lot of empty space. I would like this to use about 75% of the websites size. Attached is a image to give …
Category: Web

How can I hide this custom slider while Elementor editing window is open?

At holistic-health.care, which is a WordPress site using twenty seventeen and Elementor, there is a slider on the front page built with Smart Slider 3. It's set to disappear on scroll using a bit of javascript, and that's working just fine. I built the slider in this way on top of a site I didn't build myself because the client was using twenty seventeen and the top element of that particular theme doesn't lend itself to easily adding other elements …
Category: Web

How do I hide an article element so only logged out users see it

I am using twenty seventeen theme. The theme allows to have different sections on homepage based on site pages. I was wondering how I can add make it so only logged out users see a certain page in one of the sections? Basically I have a new user registration page i want to have as one of my sections but I don't want logged in users to see that section, only logged out users. My page is jonathanmusiclessons.com
Category: Web

WordPress default theme css units

Is there a specific rule the default WordPress themes follow for CSS units? I see em's on some font sizes and rems on others and px on certain places. Referred the following links but I couldn't find the actual reference to the rule they use for their CSS units: why does twenty eleven theme mix up the css measurement units? Why do Wordpress default themes specify fonts in so many places? Edit: By rule, I meant, for eg: Always follow …
Category: Web

How to insert a Button or custom text on twentyseventeen header

Is it possible to add a button, svg and extra text paragraph to header image on the twentyseventeen theme? This is an example of what look I'm trying to achieve https://github.com/ppass5/Childtheme_example_images/blob/master/Hero.png and where it sits currently https://github.com/ppass5/Childtheme_example_images/blob/master/Screen%20Shot%202018-08-20%20at%207.37.07%20PM.png. I'm guessing in involves PHP to the site-branding file, but not really sure. Thanks for the help!
Category: Web

How do I make my products on the homepage responsive?

I am working in twenty seventeen theme. I have added products on the homepage using woocommerce's Products by category block. I first set the number of products per row to 4 products it is displayed perfectly on desktop view. The problem starts when the view is switched. When I saw the same page in mobile it did show all the products but damaged the view. Add to cart buttons were on each other and when I removed those button it …
Category: Web

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.