Please see screenshot and add icon.
Thanks
This topic has 10 replies, 4 voices, and was last updated 2 days, 8 hours ago ago by Ayan Rahman
Please see screenshot and add icon.
Thanks
Hello, Gprx,
As far as we can see, the icon is functioning correctly. However, it was not displayed because its size was set to 1 pixel. We have now corrected this issue.
Best regards,
8Theme Team
Hi and thanks for support. I have another question, please see screenshot.
Regards
Could you please explain how to properly manage and customize the mobile menu?
Please not consider photo
Thank you.
Best regards,
(please ignore the screenshot. I have resolved that specific issue by setting the icon to be invisible on mobile (unfortunately, it is not possible to remove the uploaded image from the comment).
—–
Hello @Gprx,
In the current Icon Box widget (the default widget from the Elementor plugin), you can add button text and set the URL as shown here: https://prnt.sc/38ehVKtwkEL_. If you would like to add a link to your description text, you need to include the link in the HTML content. For example, we modified the content as follows: WhatsApp (https://prnt.sc/l0ZI_URmZ47c).
<a href="https://xstore.8theme.com/">WhatsApp</a>
You can replace this link with your own custom URL.
Our Mobile Menu widget is designed with proper UI/UX principles, allowing you to add or remove items and select the element type from the dropdown list: https://prnt.sc/epG1BnX5F2P1. You can then configure each element according to the specific settings available in the accordion tab.
Please note that the header overlap setting is currently enabled for all devices in your header: https://prnt.sc/PSbuyNBRlsuU. This means the header overlaps the content on each page. You can disable this option to have a static header position (without overlapping): https://prnt.sc/BlMBZz4d8Etx. After disabling it, you may need to adjust the top spacing on some pages to ensure proper content alignment: https://prnt.sc/OdBU1d1B85Xb and https://prnt.sc/lGIraoCG8UIX.
If you wish to have the header overlay only on your homepage, you can create multiple header templates using the Conditions feature: https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/.
Best regards,
Jack Richardson
The 8Theme’s Team
——
Hello @Gprx,
You can try using our Single Post Builder (https://prnt.sc/eATKKGTcXVDB) based on Elementor (docs: https://www.8theme.com/documentation/xstore/xstore-builders/), which will make it easier for you to modify the margins of your containers. Alternatively, if you prefer to continue using the default non-builder layout, you can add the following custom CSS:
@media (max-width: 767px) {
.single-post:has(.etheme-elementor-header-overlap-mobile,.etheme-elementor-header-overlap-phone) .page-wrapper {
padding-top: 190px;
}
}
@media (min-width: -1) and (max-width:-1) {
.single-post:has(.etheme-elementor-header-overlap-mobile_extra) .page-wrapper {
padding-top: 230px;
}
}
@media (min-width: 768px) and (max-width:1024px) {
.single-post:has(.etheme-elementor-header-overlap-tablet) .page-wrapper {
padding-top: 230px;
}
}
@media (min-width: -1) and (max-width:-1) {
.single-post:has(.etheme-elementor-header-overlap-laptop,.etheme-elementor-header-overlap-tablet_extra) .page-wrapper {
padding-top: 230px;
}
}
@media (min-width: 1025px) and (max-width:99999px) {
.single-post:has(.etheme-elementor-header-overlap-desktop) .page-wrapper {
padding-top: 250px;
}
}
@media (min-width: -1) {
.single-post:has(.etheme-elementor-header-overlap-widescreen) .page-wrapper {
padding-top: 230px;
}
}
However, based on the layout of your pages, we recommend disabling the Header Overlay option in your header as all of your pages have static content and then adjusting the top margin space on some of your pages as described here: https://www.8theme.com/topic/header-icon-not-working-dsdsddsdsdcsdasdasdas/#post-468648. If you need our assistance, we would be happy to help you with this.
Regarding your request about the carousel, you can try using the “Carousel Anything” widget. First, create a few static blocks or Elementor saved templates with your content, then select your items as shown here: https://prnt.sc/bweZdve4yl-R. You can also use custom content as demonstrated here: https://prnt.sc/T2o14GIqpY9k.
Best regards,
Jack Richardson
The 8Theme’s Team
Thanks for support with header mobile. Please check screenshot and say me how can I fix dropdown menu issue in mobile version.
Regards
Hi,
Thank you for reaching out to us.
Please apply patches – https://www.8theme.com/documentation/xstore/theme-installation/how-to-use-xstore-patcher/
Warm Regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up