paulwpxp

Use: Must be very intuitive and easy to use, drag and drop functionality with no coding required.

More often than not, those kind of themes will give you headaches down the road. Most developers wouldn’t use it on their own projects, but yes they will be useful when making sites for clients that don’t care much other than get the site up and running.

More generalist ones include X, Divi, and The7 – I like the look of these but are all the options just too much?

Yes, too much, way too much. But again it depends on the project. Those kind of themes are useful when you just want to get it done with bells and whistles and not too worry about site performance and maintenance. The drag and drop way of building the web is still far away from being perfect.

It’s the first time I’ve done a blog. As competent as your average person with a computer, but can not code and do not desire to learn!

You should start with default WordPress theme, TwentySixteen is a good start. And learn how to use WordPress, which had nothing to do with coding. Spend time and energy learning how to use WordPress, as a user, instead of learning how to use all those theme frameworks.

@elaisney @wxmr943 @vettii @groundskeeper_w

First, install one of those Custom CSS plugins and use this code in it, make change to the margin value (the 11.1111% and 20%) to your own.

/*****----- Begin adjusting menu -------*****/

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	.main-navigation { margin-bottom: 11.1111%; }
}

/**
 * 16.4 Desktop Small 955px
 */
@media screen and (min-width: 59.6875em) {
	.main-navigation { margin-bottom: 20%; }
}

/*****----- End adjusting menu -------*****/

@amberelle your site is in maintenance mode right now, figure you might redesign it maybe with other theme. But the problem in this post is not to be fixed with extra CSS, it’s just how you configure the theme settings.

Try adding this to it

.nav-primary .menu li.menu-item-has-children > a {
	position: relative;
}

The problem is this .nav-primary .menu li.menu-item-has-children > a::after is absolute positioned and its closest outer container that has relative position is the .nav-primary .menu li which is the whole thing in the li element.

So the code above is to assign the position relative to the right container, the arrow now will not appear at the right/bottom of the whole list (which includes submenus), but on the first level li only.

On a sidenote, I think there is no need to disable the arrow on hover, just leave it on always.

Obviously it’s how you setup the theme. No such theme would limit the site title area with so little width. So please take a look at Theme documentation on how to properly configure theme options.

What now? What is the benefit of this?

So now we fixed the issue of double loading stylesheets that would drag the site down for no reason. We only need 1 set of stylesheet, not 2 of the same one.

Another thing about this theme is this, look at line 18 to 29
https://themes.trac.wordpress.org/browser/flaton/1.1.9/includes/enqueue.php

It will use get_stylesheet_uri() (automatically enqueue child theme stylesheet if in use) only if the Color in theme option is not set.

Remove this line

wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('parent-style')  );

Also I don’t think the , PHP_INT_MAX is necessary. I don’t see/understand why we need that since WP loads child theme function first and the action hook priority number when left empty is default to 10, so the one in child theme will be loaded first which means the parent style enqueued by child theme function will be loaded before child theme own stylesheet and this is what we want.