Twentig

Hi @mibtg,

Sticky header and anchors links are always complicated. There’s a new CSS property scroll-margin-top, but it’s currently not supported by all Web browsers (Safari and IE11).
https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/

This is not something we can globally fix. To make it work you need to add some CSS case by case. For example if you set an anchor on a heading <h2 id="anchor1">Heading</h2>, what you can do is add the following CSS (150px being the height of the header):

#anchor1 {
    padding-top: 150px;
    margin-top: -150px;
}

The fix you’ve done for your widget is fine.

I hope the above is useful to you.
Have a nice day.

Tom

Hi @maxswp,

Thanks for your feedback.
We’ll fix this issue in the next release. In the meantime, if you want to fix it, you can add the following CSS code inside Customizer > Additional CSS:

.header-actions .search-field {
	background: transparent !important;
}

Have a nice day,
Tom

Hi @lijitimit,

Thanks for your feedback and your review 🙂

In addition to the settings page, we have an overview page to show the users where they can find the additional options Twentig offers (Customizer, block options, block patterns). We believe it’s important to keep it there for the discoverability of Twentig’s features, but we might reconsider it in the future.

Concerning the Customizer import/export option, our current roadmap doesn’t include this feature, but we will consider it as soon as we have the capability. In the meantime, you can use the Customizer Export/Import plugin.

Have a nice day,
Tom

If you set columns = 2, the widgets will be displayed in 2 columns, but you still have only one area (Customizer > Widgets > Footer) to place the widgets. Place all your widgets in the Footer area, and they will automatically be displayed in the 2 columns layout you’ve selected.

Hi @mibtg,

The post you mentioned is for the Twenty Twenty theme.

If you’re using the Twenty Twenty-One theme, you can change the widget columns inside Customizer > Twentig Options > Footer > Footer Widgets. The widgets will automatically display in multiple rows if their number exceeds the number of columns.

If you enjoy Twentig, please leave a review. It would really help me out 🙂
Tom

Hi Mohamed,

Thanks for your feedback and message.

Indeed there’s an issue to import the Customizer settings when a logo is set. The problem is that the Customizer Export/Import plugin doesn’t successfully import the logo; it assigns an image ID, but the image isn’t imported on the website. Twentig uses the image dimensions to print some CSS, but as the image doesn’t exist, it displays the errors you mentioned.

We’ll include a check to see if the image exists to prevent showing these errors in our next release. In the meantime, if you want to make it work, you need to remove the logo before exporting/importing the Customizer settings.

I hope the above is useful to you.

If you enjoy Twentig, please leave a review. It would really help me out 🙂
Tom

Hi Kathleenlou,

To hide the “Category” label, you can add some custom CSS inside Customizer > Additional CSS :

.category .archive-title-prefix {
	display: none;
}

I hope the above is useful to you.

If you enjoy Twentig, please leave a review. It would really help me out 🙂
Tom

Hi @artgoddess,

To hide the post title on these three post formats (status, link and quote), you can add some custom CSS inside Customizer > Additional CSS.

If you are displaying post meta below the title, add the following code:

.single-format-status h1.entry-title,
.single-format-quote h1.entry-title,
.single-format-link h1.entry-title {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal
}

Otherwise, add this code:

.single-format-status .entry-header,
.single-format-quote .entry-header,
.single-format-link .entry-header {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal
}

I hope the above is useful to you.

Have a nice day,
Tom