Return to previous page

Issues with responsive and more on new website

This topic has 5 replies, 2 voices, and was last updated 9 months ago ago by Tony Rodriguez

rfs1

Participant

February 7, 2024 at 08:55

Hi, I’m trying to customize the theme before I launch. But I face problems with even basics.

1- I can’t seem to make the top header text one line. The promo text feature is not quite helpful in this case since its like a carousel.

2- on mobile, only 2 of those icons on homepage are visible and they look off because they are too big. tried to decrease the width of all of them so we could show all four together, but it didnt help

3- we could find no way to show secondary menu on mobile as well. there is this blank space for breadcrumbs on homepage instead (which doesnt make sense since there is no breadcrumbs on homepage)

4-on single product pages, we already disabled wishlist and compare but we still see those texts on product pages.
also everytime we click on a variation, for example on a color, the product page scrolls up. so if you click a few times it significantly moves

Files is visible for topic creator and
support staff only.

#382659 Copied Theme version: 9.2.4

4 Answers
Tony Rodriguez

Support staff

February 7, 2024 at 13:05
Hello, @rfs1,

Thank you so much for purchasing our theme and contacting our support center.

1/ Should you desire to modify the top header text to display as a single line on mobile devices, we kindly ask that you follow the steps outlined below:

1. Please navigate to the “XStore” section within your website’s dashboard.
2. Proceed to “Theme Options.”
3. Select “Theme Custom CSS.”
4. Click on “Global CSS.”

Once there, copy and paste the following CSS code:
```
@media (max-width: 767px) {
    .et_b_header-html_block p {
        font-size: 7px !important;
    }
}
```
By implementing this code, the top header text should appear as intended on mobile devices. For your reference, the expected outcome can be viewed at the following link: https://ibb.co/bHBWyGF

2/ & 4/ Do you mean this: https://ibb.co/svrfjch , https://ibb.co/0KkkfM8

we would appreciate it if you could create temporary wp-admin access and share the details via the private content area. This will allow us to review your settings and better understand the issue at hand and help you.

We kindly recommend that you take a complete backup of your site before proceeding.

3/ Should you desire to display the secondary menu on mobile devices, we kindly ask that you follow these steps:

1. Create a new static block that includes the secondary menu.
2. Proceed to the following location within your dashboard: XStore > Theme Options > Header Builder > Mobile.
3. In the ‘Mobile’ section, locate the ‘Bottom Header’ and add an HTML block.
4. Choose the specific static block you have created.
5. Ensure to save your changes by clicking ‘Publish’.

For your convenience, we have provided an image to serve as a visual guide for the aforementioned process.

https://ibb.co/8XGyZFJ , https://ibb.co/m4FxS9Z , https://ibb.co/J3GhXJ2 , https://ibb.co/CW5cXLD , https://ibb.co/Wx59R5P , https://ibb.co/jVKw8TK

We appreciate your attention to this matter and are here to assist should you require any further guidance.

Warm regards,
The 8Theme Team

Please contact administrator
for this information.
#382685 Copied
rfs1

Participant

February 23, 2024 at 07:32

thank you for your reply! it was very helpful. only at the last step i had an issue. i created a static block with the secondary menu and added it to the mobile as well. but the icons are not visible. could you help me with that as well? thank you!

Files is visible for topic creator and
support staff only.

#384477 Copied

rfs1

Participant

February 23, 2024 at 07:35

also how can i make sure secondary menu items will be on 1 line on mobile devices? on my iphone screen, the last item goes to the second line

thank you!

#384478 Copied

Tony Rodriguez

Support staff

February 23, 2024 at 08:07

Hello, @rfs1,

Thank you for your response.

In order to assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

We kindly recommend that you take a complete backup of your site before proceeding.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team

Please contact administrator
for this information.

#384481 Copied
Tagged: new website problems, responsive woocommerce templates, website issues, woocommerce responsive issues, wordpress troubleshooting, wordpress woocommerce solutions
Viewing 5 results - 1 through 5 (of 5 total)