PS: I checked a few other websites from the forum and I can confirm that I see this issue on some of them too. The problem is not on my website only. Can you see what is wrong please? Even in the forum here if I go down to 767px I see that there is some kind of an issue with the mobile menu button on 767px it gets misplaced and on 766 or 768 it is back on its normal place. There is a glitch at 767px.

Can you share which plugins caused the problem so that I can start with them?

Hey there, I installed v12.7.4 (was on v12.7.3) and the problem persists.

Our home page is made of a few rows (each with a sidebar) and on desktop it looks like this https://ibb.co/xtNbYk4M

On tablet landscape we keep the sidebar by not touching the settings at all. On tablet portrait I want to hide the sticky column because the screen is too narrow. Instead I want to show the columns with full width as on mobile.

To achieve this wherever we have these rows (with 2 columns) I set the column width to 100% on both to achieve full screen width. On the desktop’s sidebar sticky column I just uncheck the sticky checkmark and I believe that it should work. What happens, however, looks like this, check the urls below.

1. https://ibb.co/vvPDDnbp
2. https://ibb.co/0RqZsM75
3. https://ibb.co/VWhxnW51
4. https://ibb.co/Pz0VJfPb

It looks all mixed up.

In the composer it seems to look fine:

1. https://ibb.co/C3xLSddg
2. https://ibb.co/5WYyQH7n

I have set the column (which is sticky on desktop) like this:

1. https://ibb.co/TqKTFHRf – here you can see that I have the sticky checkbox unmarked.
2. https://ibb.co/ZpxcCj8G – here you can see the way I set its width to 100% (I did the same thing for the width for the first column, which is nonsticky on desktop).

Please give me guidance on how to fix this because it is really annoying. See that on mobile it works perfectly but you can see how the sticky checkbox is greyed out by default – why is that?

1. https://ibb.co/Q7Sthxwh – maybe it has something to do with this issue? I want to achieve the same result but on tablet portrait.

• This reply was modified 6 months by petar777.
• This reply was modified 6 months by petar777.

Hey there,

Yeah, got it. If possible – consider it for future updates, it would be useful for publishers because a lot of websites currently add links to Google News Showcase to boost traffic.

Calin, I also wanted to ask something related to this. Sometimes when I update the theme it seems that the core plugins like the composer, social media counter etc get uninstalled and I have to install and activate them in order to fix this error.

Is this normal or?

If it isn’t normal – how can I troubleshoot why it happens?

Hey!

Thanks! Worked like a charm.

I was starting to think I am crazy…

Thanks a lot once more!

Hey there!

I think there is something wrong – I wrote that I am using a Flex Block but I was wrong – I use a Flex Block for Desktop and a Posts Loop for mobile.

What you suggest works for Flex Block but when I try to do the same thing for Posts Loop it doesn’t work. I recorded this video for you – https://www.loom.com/share/dadc8b127e5548c596817458224c3594?sid=ccebb966-fd58-42da-8c76-4dd0ef171572

You can see that I use the exact same settings for both elements but one of them doesn’t look right.

Is this a bug or?

I want the row and column width to match full screen on mobile and the element inside of them to have 10px padding on its sides. Resulting in only 10px empty spaces on the sides instead of 20px.

I want to do the exact opposite. Check the image with the colored zones. I want to make the green zone twice smaller. To reduce it from 20px to 10px I dont want to have an extra 10px making it 30px.

https://ibb.co/bMyTF63T – here I coloured the zone yellow, the row green and the column red. Stretch row 1200px is set. The stretch row option is not enabled. There are no paddings, widths or whatever set.

I tried switching the stretch row checkbox on and off still nothing happens. Maybe I am doing something completely wrong…

Maybe I wasn’t specific enough. What I want to achieve is the following.

Imagine I have a row with a column and a Flex Block inside of it. Once you open the mobile version of the side – there is a 20px gap on the sides.

I want to turn this gap into 10px gap.

This is the gap I am talking about – https://ibb.co/DJNrrP3 and if I follow your guidance it becomes the exact opposite of what I want – https://ibb.co/8LWfLYSc

I want the initial padding to become 10px.

I tried doing what you said but it doesn’t result in what I need

How can I achieve 10px on the sides? I am trying all sorts of stuff but it just doesn’t look right… Can you please guide me?

Okay, so this obviously is a flaw, can you add it to your list of things to be implemented / fixed in future updates?

That isn’t a workaround, that is a custom excerpt for every topic. Is it possible to exclude the urls from the excerpts that are auto generated.

I tried adding some custom code but I am not sure whether the theme uses the default WP excerpt generation.

It would be great if you fix this in future updates as wordpress assigns a name to these comments.

Allow me to disagree with you. A forum as a word means “a meeting or medium where ideas and views on a particular issue can be exchanged.”. A lot of times users helped me find better solutions. I believe we as a community should help each other. Have a great day!

Update – to make the styling the same use this CSS in the live CSS – https://pastecode.io/s/9r2hr5rg

• This reply was modified 1 year by petar777.

Hey,

I created this widget for my site and it works well for our journalists because they indeed don’t understand anything from technical stuff – https://ibb.co/0pjtx909

It works when they paste a URL from our website in the post editor and it overwrites the default wordpress embed.

The code for it is this (you can add it via code snippets plugin or manually in functions.php)

https://pastecode.io/s/v24144db

Please double check everything (the code is written with the help of AI but it works well for us).

Important – make sure to change the fallback image because it is currently linking to my website default image.

• This reply was modified 1 year by petar777.
• This reply was modified 1 year by petar777.

Extra – https://pastecode.io/s/ra3z4c8h – you can use these two scripts to update the time ago and current date elements to work when you page is cached. I don’t know if they are great, I made them for myself make sure to include their identifiers in the delay JS and update the translations correspondingly.

• This reply was modified 1 year by petar777.

Hey,

I am sharing you my WP Rocket settings and I think they might be useful for you:

ON THE FILE OPTIMISATION TAB
1. Activate Minify CSS Files
2. Optimise CSS Delivery > Remove unused CSS with these exclusions:
(.*).tagdiv-type(.*)
(.*).bhcrow-(.*)
3. Minify Javascript Files
4. Load Javascript Defered with these exclusions:
\/jquery(-migrate)?-?([0-9.]+)?(.min|.slim|.slim.min)?.js
5. Delay Javascript Execution with these exclusions:
\/jquery(-migrate)?-?([0-9.]+)?(.min|.slim|.slim.min)?.js(\?(.*))?( |’|”|>)
tagdiv_theme.min.js
tdTrendingNow.js
tdPopupModal.js
tdBlocksArray
hammer.min.js
tdbMenu.js
tdLoadingBox.js
tdb_p_autoload_vars
blockClass
tdAjaxCount.js
tdTabbedContent.js
tdStickyRow.js
tdSmartSidebar.js
OneSignalSDK

Important – delaying Javascript will make your ads load after any movement on the page so if you just reload the page they will not be loaded as soon as you move anything on the page it will load them immediately. For me this isn’t a problem.

ON THE MEDIA TAB
1. Activate Enable for images
2. Activate Enable CSS for background images
3. Exclude your logo
4. Activate Add missing file dimensions
5. Activate self host fonts

ON THE PRELOAD TAB:
1. Activate preload
2. Enable link preloading
3. Prefetch these:
//fonts.googleapis.com
//www.googletagmanager.com
//www.googletagservices.com
//tpc.googlesyndication.com
//use.typekit.net
//netdna.bootstrapcdn.com
//www.google-analytics.com
//ajax.googleapis.com
4. Preload fonts – /wp-content/themes/Newspaper/images/icons/newspaper.woff

ON THE DATABASE TAB
Enable everything without scheduling auto cleanup

ON THE HEARTBEAT TAB
Enable it and make everything reduced

Important – if you are self hosting your site on nginx you can enable this https://github.com/SatelliteWP/rocket-nginx – this enables Nginx to serve directly previously cached files without calling WordPress or any PHP

Important – if you are self hosting your site on nginx you can enable FastCGI and Redis (use redis cache plugin and nginx helper). When it comes to FastCGI MAKE SURE TO ENABLE SEPARATE CACHE FOR MOBILE AND DESKTOP OTHERWISE IT WILL WORK BADLY!

Important – if you have a large installation and you notice that your queries become slow (e.g. search page takes a lot of time to load or non-cached pages load for more than 1-2 seconds) you can buy Scalability Pro and Super Speedy Search from here https://www.superspeedyplugins.com/shop/ for me this plugins changed the way the theme worked immensely. My non-cached pages loading time dropped form 10 seconds down to 1-2 seconds.

Important – WPRocket offers a plugin that converts all your images to webp format and this is also crucial for your page speed. Their plugin works well for my site.

I hope this is useful for you!

• This reply was modified 1 year by petar777.
• This reply was modified 1 year by petar777.

Can you also add to the suggestions list a problem that is well known in the forum regarding the slow loading of the mega menu – your support added a custom code to my website which makes it available immediately but unfortunately there is another problem – there is a layout shift with this code which causes the menu to move after 1 second.

• This reply was modified 1 year by petar777.

Jobothan, I totally agree with you, I am sharing with you the only thing that helped me.

If you just want fast speeds by caching – FastCGI, Redis and if you can afford WP Rocket or a similar plugin. But this won’t solve the problem with the queries every first load will take 20 seconds.

Check my site – eurocom.bg and see how it loads (you can add a “?cache-buster=1” parameter to each of my URLs and you will see how fast it loads without cache.

Where can we look at the suggestion list?

Hey there,

Is it a large installation? If yes – I had the same problem. It seems that the theme support doesn’t really want to look into it because I tried connecting them with a person that fixed my queries and now my site works like a charm.

I recorded a video for that developer because he really helped me, check it here – https://www.youtube.com/watch?v=OqgcOlksZ0Q

The plugins can be found here https://www.superspeedyplugins.com/

I get speeds of 1.5 seconds without cache.

• This reply was modified 1 year by petar777.

Quick update, I found a way to do it, I don’t know if it is the best. I added a js script in the footer and excluded it from WP Rocket and now it seems to work fine.