[Terry]

Looks like you got this footer media query taken care of, that's excellent!

Please mark this thread as resolved if you're all set.

[Terry]

What would you like to do?

If you'd like the button centered & want to use Atomic Blocks but not fond of the hyperlink underline, you can inspect the css, find the property and then change the value.

CSS can be changed in the Customizer (Customize => Additional CSS) or by editing your style.css file if you're comfortable ftping/editing.

Let me know if this helps,
Terry

[Terry]

Just testing:

.sidebar {
    padding-top: 50px;
}
  
@media only screen and (max-width: 1023px) {
    .sidebar {
    padding-top: 0;
}
}

[Terry]

Great thanks Tom!

Please mark this thread as resolved & hope it's a great day!

[Terry]

Hi Tom,

You could add the video as a link in a Video widget - it looks like you're using a Text widget. So you could add the Video widget and then another text widget to get the current look all in that Welcome Message area.

Add the Video Widget then "Add" => "Insert from URL" => paste your link (from the YouTube video "Share" link below the video).

Let me know if that helped.

Terry

[Terry]

So glad it worked!

Take Care,
Terry

[Terry]

Hi,

Not sure how that link got in there, it should NOT be there and is generating that error.

Here's what it should be, sorry for the confusion...

.sidebar {
    padding-top: 50px;
}
 
@media only screen and (max-width: 1023px) {
    .sidebar {
    padding-top: 0;
}
}

I can't remove the link... try "@media only screen and..."

[Terry]

Morning,

One approach is to add the following css... Something like below:

.responsive-menu {
	display: block;
}

#responsive-menu-icon {
	display: none;
	
}

@media only screen and (max-width: 980px) {
.responsive-menu {
		display: none;
	}
	#responsive-menu-icon {
	display: inline-block;	
}
}

You may also need to tweak the css for your menu.

Hope this helps,
Terry

[Terry]

There are many different components/functions that make up JetPack. You may find an individual plugin is a good alternative depending on what you're using JetPack for.

[Terry]

Victor has a great post on using your browsers inspector here. That will help you to find the correct selector/declaration to target.

[Terry]

If you're comfortable editing your themes style.css file, on or around line 572 comment out or delete the following css declaration on .site-inner:

    /* margin: 65px 0 40px; */
}

Or use the Customizer (Customize => Additional CSS) to add the following:

.site-inner {
    margin: 0 0 40px;
}

Victor has a nice tutorial on using your browsers inspector here. You can set that margin-top value (the first number in the margin statement) to whatever you prefer.

Hope this helps.
Terry

[Terry]

Please share a link to your site.

[Terry]

Morning,

You can add the following code into your style.css or Customizer=>Additional CSS, depending on your comfort level.

.sidebar {
	padding-top: 50px;
}

@media only screen and (max-width: 1023px) {
	.sidebar {
	padding-top: 0;
}
}

Victor has a great tutorial on using your browser's inspection tool that may help.

Warm Regards,
Terry

[Terry]

Morning,

If you're comfortable editing your themes style.css file, on or around line 1037 comment out or delete the following css declaration:

position: fixed;

Or use the Customizer (Customize => Additional CSS) to add the following:

.site-header {
	position: static;
}

Hope this helps.
Terry

[Terry]

Good Morning,

Are you using the most recently updated version of Monochrome Pro? The Genesis child theme was updated 4/10/19.

Try a clean install of the Monochrome child theme.

Warm Regards,
Terry

[Terry]

The design of the Sixteen Nine Pro theme has the header fixed along the left side for larger screen sizes.

It looks like you may have added css via Customize => Additional CSS. Changing the css declaration position:fixed to position:static on the site-header class will allow that header to scroll.

.site-header {
position: static
}

Alternatively, make that change around line 865 in the theme style.css file.

Hope that helps.

[Terry]

That's styled, along with other elements, on or around line 146 of style-front.css.

Depending on how comfortable you are with editing css...
you could go into the Customizer(Customize=>Additional CSS) and overwrite it with something like this...

.front-page-1 .entry-content a.more-link {
	border: none;
	color: orange;
	margin-top: 0;
}

or go into style-front.css add overwrite it by adding the overwrite before your media queries

or you could remove
.front-page-1 .entry-content a.more-link
from on or around line 146 and add whatever styling you want before the media query

.front-page-1 .entry-content a.more-link {
	color: orange;
}

Hope this helps.

[Terry]

Great Rick, so glad it worked for you.

Please mark this thread as resolved.

[Terry]

OK, to make this change requires changing the css. Depending on your comfort level, you can ftp the file, change and upload or make the change in the Customizer => Additional CSS.

Let's move forward making the change in the Customizer...

If you want the change to be applied to all screen sizes and centered, add the following after navigating to Customizer => Additional..

.site-header .wrap {
		width: 80%;
	margin: auto;
	}

If you'd like it only applied to larger screen sizes (still centered), wrap it in a media query...

@media only screen and (min-width: 960px) {
.site-header .wrap {
		width: 80%;
	margin: auto;
	}
}

Hope this helps!

[Terry]

Morning odnt,

Do you want it to match the content width on larger screens?

[Author]

Posts