Forum Replies Created
-
AuthorPosts
-
sujapati
Keymaster@Randy: Yes, we have an updated version called Catch Responsive Pro, which includes more advanced features, fresh patterns, additional parts, and new templates for better customization. Feel free to update to this version.
Kind Regards,
Sujapatisujapati
Keymaster@aaagg: Thank you for reaching out, and I hope you’re having a great week too! I’m sorry to hear you’re experiencing layout issues on mobile. Could you kindly provide a screenshot of the issue you’re experiencing? Additionally, please share the URL of your site so I can take a closer look and assist you more effectively.
Regards,
Sujapatisujapati
Keymaster@Randy: Our theme includes Font Awesome version 6.7.2, which may not be fully supported by Elementor at this time. Because of this, some icons might not display correctly . To fix this issue, please add the following CSS to your site:
#feature-slider .cycle-prev::before, #feature-slider .cycle-next::before, #logo-section .cycle-prev::before, #logo-section .cycle-next::before, #to_top_scrollup, #scrollup, .posted-on a::before, .byline a::before, .cat-links span+a::before, .tags-links span+a::before, .comments-link a::before, .edit-link a::before, .fa-collapse:before, .fa-solid:before, .fa-brands:before { font-family: "FontAwesome" !important; } .fa-x-twitter:before { content: "\f099"; } .social-icons .font-awesome { display: inline-block; } .site .widget_catchresponsive_social_icons a.font-awesome { display: inline-flex; justify-content: center; align-items: center; }Go to Dashboard → Appearance → Customize → Additional CSS.
Paste the provided CSS code into the Additional CSS field, and the issue will be resolved.
Regards,
Sujapatisujapati
Keymaster@Tansenn: Thank you for bringing this to our attention. We apologize for the inconvenience. We have identified and fixed the issue on our server. An update will be released soon that will resolve this on your end as well. We appreciate your patience and for reporting this issue.
Kind Regards,
Sujapatisujapati
KeymasterGlad to know that Larissa. Feel free if you have any theme-related queries.
sujapati
Keymaster@Larissa: Thank you for bringing this up. We understand your concern about the dropdown menu. The current setup has the down arrow as the toggle for the sub-menu, while the text itself serves as the link to that respective page.
However, if you prefer to make the entire line clickable to toggle the sub-menu, you can add the following CSS to your site.
#masthead .dropdown-toggle { width: 100%; text-align: right; z-index: 3; }Let me know if you need further assistance!
Kind Regards,
Sujapatisujapati
KeymasterYou’re very welcome HansH! Glad it worked for you.
sujapati
Keymaster@HansH: Thank you for bringing this issue to our attention. We’ve successfully identified and fixed the problem, and you’ll be notified soon when the update is available.
In the meantime, to resolve the issue with the hamburger menu, you can add the following CSS to your site:
body .wp-block-navigation__responsive-container-open:not(.always-shown) svg { display: block; } body .header .wp-block-navigation__responsive-container-open:not(.always-shown) { position: static; padding: 0; } body .wp-block-navigation__responsive-container-open:not(.always-shown):before { display: none; }If you need any further assistance, feel free to reach out!
Best Regards,
Sujapatisujapati
Keymaster@Tansenn: Thank you for your feedback. I appreciate the heads-up about the custom icon alignment code.
To fix the issues with the social icons’ alignment and the scroll-up icon, please add the following CSS code to your site..fa-collapse:before { font-family: 'FontAwesome' !important; } .social-icons .font-awesome { display: inline-block; }Kind Regards,
Sujapatisujapati
Keymaster@HnasH: Seems like the content you are trying to add is complex layouts with JS through custom HTML blocks. Gutenberg doesn’t support interactive JavaScript-based content. Instead please try adding text contents like paragraph, heading, media and shortcodes and check it again. It should work well.
Regards,
Sujapatisujapati
Keymaster@HansH: We are a little confused with your screenshot.
https://drive.google.com/file/d/1fh4g2adRi0ZJDOGhL3F8ardImeIKTznM/view?usp=sharing
It shows you are using the Catch Store Pro theme but you have opened ticket for Elevate Biz. Please check it once.Regards,
Sujapatisujapati
Keymaster@HanH: We have reviewed your site and found that all the content is visible, as expected. Has the issue been fixed?
We also noticed that extra empty spaces have been added, possibly to increase the content size. However, this isn’t necessary now that you’ve implemented the CSS we provided. The only issue we found is that the new CSS is being overridden by the default theme’s CSS.
To resolve this, please add the updated CSS below
footer.wp-block-template-part { margin-top: auto!important; }Kind Regards,
Sujapatisujapati
Keymaster@HansH: We completely understand your goal of keeping the pages minimal with just the dashboard and minimal explanation. It’s great that you’re looking for a solution that aligns with your vision.
I hope you have a wonderful day too!
Regards,
HansHsujapati
Keymaster@HansH: The behaviour you’re describing happens because the footer is placed directly after the content in the body. When the content on the page is too short, the footer appears higher up on the screen.
You can try adding the following CSS to your site
html, body { height: 100%; } .wp-site-blocks { display: flex; flex-direction: column; min-height: 100%; } footer.wp-block-template-part { margin-top: auto; margin-bottom: 0; }Note: While we recommend using slightly more content in the body for better layout consistency rather than adding CSS, it’s perfectly normal for the footer to appear higher up the page when there’s less content.
Regards,
Sujapatisujapati
Keymaster@Tansenn: Since you are using elementor, our theme includes Font Awesome version 6.7.2, which may not be fully supported by Elementor at this time. As a result, some icons might not display correctly when using Elementor widgets.
To resolve this issue, you can add the following CSS to your site:Go to Dashboard > Appearance > Customizer > Additional CSS.
Paste the provided CSS code into the Additional CSS field.
.fa-x-twitter:before { content: "\f099"; } #feature-slider .cycle-prev::before, #feature-slider .cycle-next::before, #logo-section .cycle-prev::before, #logo-section .cycle-next::before, #to_top_scrollup, #scrollup, .posted-on a::before, .byline a::before, .cat-links span+a::before, .tags-links span+a::before, .comments-link a::before, .edit-link a::before, .fa-solid:before, .fa-brands:before { font-family: "FontAwesome" !important; }This should help ensure the icons display properly.
Regards,
Sujapatisujapati
Keymaster@Joep: We’re sorry, but this feature is not available in the free version of the theme. The ability to edit the copyright text is included in the Pro version. I recommend upgrading to Fotografie Pro to access the footer editor and other advanced features.
Kind Regards,
Sujapatisujapati
Keymaster@HansH: Thanks for the query. Please add the CSS below to add the space between logo and the navigation and also the CSS will allow the picture extend to full width of the container.
.wp-block-group.header-banner-wrap > .wp-block-group { width: 100%; justify-content: space-between; } .wp-block-image, .wp-block-image img { width: 100%; }For the space between header and the picture, currently you have set block spacer height 20px. You can increase that to adjust the gap.
Regards,
Sujapatisujapati
Keymaster@Mandy: Glad to know that. Please feel free to reach out at any time.
Regards,
Sujapatisujapati
KeymasterHi Mandy,
Thank you for sharing your URL. We’ve now identified the exact reason that’s preventing the content inside the footer from displaying at full width.
Please add the CSS below, and everything should work as expected..site-footer #supplementary.two .widget-area { width: 100%; }Regards,
Sujapati -
AuthorPosts
