[tussle]

Thanks Chris.

I dug a little deeper based on your suggestion, part of it is the schema checkbox with the ALL IN ONE SEO plugin. Activating causes more errors that W3 picks up but Google does not.
https://wordpress.org/support/topic/invalid-markup-validation-part-1

I checked the end p tags, on some pages but not others, must be the CSS Override plugin - will check that too.

If I run into more issues I'll email and use your service (prob, 15 min increment as posted).

Thanks a lot.

[tussle]

Thank you for the help Chris.
It's the "aside" element that is being injected as well, I don't have anything in the WP page that uses the aside class.

le></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar"><secti

I'm surprised Genesis inserts script, it's really buggering the css validation.

There is also the closed </p> tag that is handing.

Is there a way to remove these scripts?
Thanks.

[tussle]

Great.

If you need styling for the Blog page only, see here:

How To Add A Second Style Sheet In Your Theme

The functions code as listed there is:
function blog_style_sheet() {
if (is_home() ) {
wp_enqueue_style( 'blog-styling', get_stylesheet_directory_uri() . '/css/blog.css' );
}}
add_action('wp_enqueue_scripts', 'blog_style_sheet');

[tussle]

Found the correction. Blog is "home" for the Genesis Sample theme.

Example is on WPsites post here:

How To Add A Second Style Sheet In Your Theme

Create a new .css sheet, upload to the child theme directory then add this code to functions.php.

function blog_style_sheet() {
if (is_home() ) {
wp_enqueue_style( 'blog-styling', get_stylesheet_directory_uri() . '/blog.css' );
}}
add_action('wp_enqueue_scripts', 'blog_style_sheet');

[tussle]

Would this help, from Bill Erickson. Comments section has more advice.

A better, and easier, grid loop

[tussle]

Hi
Your ids are correct - thanks, but the code on that page didn't seem to work.

I did however find this from Ozzy R,
http://ozzyrodriguez.com/tutorials/genesis/genesis-responsive-menu-2-0/

Worked without any customizing for primary or header menu.

If anyone uses it just be sure to change prefix for the theme name in functions.php
(example: genesis sample theme prefix is genesis_sample)

Thanks.

[tussle]

Thanks very much Davinder, I'll try those out.

[tussle]

Thanks Davinder

I read through - it says : for the primary menu use: .menu-primary

I know for the id for secondary but do you know the id for custom menu? Tried .genesis-nav, it didn't work.

Thanks.

[tussle]

You can try this, very flexible design:

Custom page

Also can be used an landing page.

[tussle]

Hi
I would suggest using ungrid - you can find it . here

Sridhar has a good tutorial here.

I have used it and it works well, is very responsive.

You can tweak it a bit to have various column widths based on % for even more flexibility.

See if that helps.

or you can go to codepen.io and look for a responsive table there.

[tussle]

Tom, thanks very much! Worked perfectly and looks great.

(last month referred a theme developer and a SP poster to genesisthemes.ca - really good resource. Thx)

[tussle]

I thought I said a 'thank you' for this code - looks like the post didn't get published at that time, so thanks for the input. Appreciated.

[tussle]

You could use an existing theme and edit with these tutorials:

Genesis Page Template for displaying Posts in Masonry

Does require subscription but might be same price as buying a theme. Depends on your needs.

Here's a free tutorial on how it's done

Masonry and Infinite scroll with Genesis

Here's a collection of masonry.
https://genesisthemes.ca/theme_feature/masonry/

[tussle]

Also this changes the width of sidebar but mobile still a problem.

.site-header .widget-area {
width: 600px;
}

[tussle]

Hi
On the content section and sidebar section this is what I changed to adjust width:

.sidebar-primary {
width: 260px;
}

.content {
width: 920px;
}

Was advised this was correct.

Same problem on mobile - the sidebar keeps it's vertical shape and just goes under the content section.
I am using genesis sample.

I've asked how to remedy the mobile issue in the forum, no takers. Maybe more people have this issue. If so an email to studiopress might be required to see if it's a core issue.

[tussle]

Thank you. Worked with:

//* Enqueue Term rotating script
add_action( 'wp_enqueue_scripts', 'enqueue_term_rotator' );
function enqueue_term_rotator()  {
if ( is_page('element') )
	wp_enqueue_script( 'term-rotator',  get_stylesheet_directory_uri() . '/js/term-rotator.js', array( 'jquery' ), '1.0.0', true );

}

Can I suggest a donate button on your site (second time helped).

Thanks.

[tussle]

Here's the solution to 1.

.content {
float: right;
width: 840px;
}

.site-header .widget-area {
width: 600px;
}

Thanks to Genesis coder for that one.

[tussle]

Any experts for mobile code able to advise why the primary sidebar is extending underneath the content area vertically rather than horizontally when reducing screen size?

Using the Genesis Sample Theme - - it only happens when changing primary sidebar width/size., etc.

So far I tried:

@media only screen and (max-width: 800px) {

.sidebar-primary,
.title-area {
width: 100%;
}
}

Thanks!

[tussle]

Thanks.
I was most interested on issue 1, if the the simple code is correct. It works but curious if any changes to php should be made or register a new layout is needed - many tutorials advise on other ways so wondering if this is correct. I need it only for 1 page.

[tussle]

Thanks. Very simply the right sidebar (containing enews extended) on a content/sidebar page scrolls under the content are and stays vertical - it doesn't switch to horizontal layout.

Is the css above correct for the non-mobile site?

[Author]

Posts