I’ve been using the generatepress theme for a while now, and I’m really impressed with its lightweight design and flexibility. Currently, I’m working on customizing the header section to include a sticky navigation bar and a responsive logo that looks great on both desktop and mobile devices.

I’ve gone through the GeneratePress documentation, but I’m still running into a few challenges with the mobile responsiveness of the logo. Has anyone else successfully implemented this? If so, I’d love to hear how you approached it or if you have any tips to share.

Additionally, if you’re looking for ways to further optimize your generatepress site, I found the official?generatepress documentation?to be incredibly helpful. It covers a lot of advanced customization options that might be useful for others here.

Thanks in advance for your help!

i am not sure if i just oversee this but where can i individually set the margin and paddings for blocks for mobile? Normally there’s a menu for that in the Customizer but don’t find anything in Inspiro Lite. Thanks for a short heads-up on that.

Cheers, Lysann

I’m experiencing a couple of issues with FiboSearch on my WooCommerce site, and I’m using the Astra theme:

1. On Desktop:
   • When the page initially loads, the search bar appears very small, as if it’s designed for a small screen.
   • After a few seconds, it expands to 100% width as intended.
2. On Mobile:
   • At page load, a loading spinner appears where the search icon should be.
   • After a moment, the spinner disappears, and the magnifying glass icon (search icon) takes its place.

Steps I’ve already taken to troubleshoot:

• I disabled NitroPack (even using the ?nonitro option to ensure it wasn’t interfering).
• The width configuration for the search bar in FiboSearch settings is set to default for a 100% render.
• I have unchecked the “Show Preloader” option in the search bar settings.
• I have updated all plugins and the Astra theme to their latest versions.

Despite these efforts, the issues persist.

Has anyone encountered similar problems, or do you have suggestions for resolving this? Could this be related to a script loading delay or a theme conflict?

Thanks in advance for your help!

I’m trying to increase the number of products displayed per row in my WooCommerce shop to 8 or anything greater than 6 for a full width page, but I’m encountering persistent layout issues. I was using Astra theme but switched to blocksy theme to see if the issue was with Astra theme, but it seems everytime i try to increase the number of columns the design starts breaking.

Here are the details of my issue and what i have tried so far:

1. I added the following snippet to my child theme’s functions.php file:

add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
    function loop_columns() {
        return 8; // 8 products per row
    }
}

While this takes effect, the layout becomes completely broken. Instead of displaying 8 products per row, it often defaults to 1 product per row or a distorted grid.

2. I’ve also tried setting the columns directly using shortcodes, e.g.:

[products columns="8"]

However, the layout doesn’t adapt as expected, and it defaults to 4 products per row.

I have tried some custom css to override it, but the layout remains broken.

3. I’ve switched to the default Storefront theme to test, but the issue persists.

I assume that woo commerce has a max column limit for products view, but it should be possible to override it if needed but i can’t seem to find the right solution. It is also not a plugin conflict from my opinion because the only plugins i have installed at the moment are blocksy companion (recommended by blocksy theme), woo commerce, variation swatches for woo commerce, and elementor. i also have wpcode installed but i haven’t added any snippets to it as i was using blocksy child theme so far to add the php snippets and css styles.

Performance-wise, ColorMag is optimized for speed and SEO, ensuring quick load times and better search engine visibility. It’s compatible with popular plugins like WooCommerce, Jetpack, and Yoast SEO, expanding its functionality.

The free version includes plenty of features to create a professional website, while the premium version offers advanced customization and support at a reasonable price. Overall, ColorMag is an excellent choice for content-rich websites looking for a modern, SEO-friendly, and easy-to-use theme.

I am using a 14-inch 1920×1080 screen and I’ve noticed that newer ones have even higher resolutions. Nothing looks good this small and I’ve set my browser to zoom in to 120 % by default. In my newer designs I’m often using the Twenty Twenty Two and Twenty Twenty Four themes and when I do the designs on my default i.e. 1,2x resolution they look good, but when I zoom out to what should normally appear in front of the client, they don’t. Is there a way to force zoom-in to the browser of the client as well, and is that a good idea?

If it is possible, it should probably be defined for certain resolutions only – as increasing to 120% on older, e.g. 1280×720 screens would probably look bad; but for newer, more pixel-dense screens, the increase should probably be even higher. How do we deal with so many, constantly increasing in terms of pixels resolutions?

Thank you guys, you did an artist job.

I am experiencing an issue with the mobile menu in the Hotelone theme, which I am using on my website. The menu on mobile devices is displayed as a list of links, instead of a dropdown menu as it should be.

I have tried the following steps:

1. Checked Theme Settings: I went through the settings under Appearance > Customize, but I did not find any options for customizing the mobile menu.
2. Added Custom CSS: I added CSS code to hide the main menu on mobile devices and display the mobile menu, but the issue persists.
3. Modified Theme Files: I made changes to header.php and functions.php, but the desired changes did not take effect.
4. Added JavaScript: I included JavaScript to activate the dropdown menu, but there was no change.
5. Deactivated All Plugins: I tried deactivating all active plugins and then reactivating them, but the issue remains. I have since reverted everything to its original state.

Questions:

1. Is it possible that the Hotelone theme has specific settings that affect the mobile menu? If so, where exactly can I find these settings?
2. Are there any specific modifications I should make to the Hotelone theme to ensure that the mobile menu displays correctly as a dropdown?
3. Could you recommend any specific plugin or method that could help me customize the mobile menu?

Thank you in advance for your assistance!

Best regards,
Milos