Return to previous page

I want to add margin left and right and corner de radius on Mobile panel

This topic has 4 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

OnlyCBD

Participant

October 24, 2023 at 18:36

Hello.
I am trying to adjust the mobile panel, as I attached in the video:

I have managed to upload it and give it a margin-radius, but I can’t give it a margin left and right.
Please watch the video: https://drive.google.com/file/d/1EIMJeUYeFP4UJx0qNPBQdtw-Egg_azCm/view?usp=sharing

Thank you.

Please, contact administrator
for this information.

#371403 Copied Theme version: 9.2.2

3 Answers

Tony Rodriguez

Support staff

October 25, 2023 at 07:29

Hello, @OnlyCBD,

We understand that you are seeking to apply the margin-left and margin-right to the bottom mobile panel.

We attempted to access your site, however, it is currently in Maintenance Mode. We also tried to log in using the WP Admin Login details you provided, but they were not successful. Please refer to the screenshot in the private content area of this topic for more information.

Could you kindly provide us with the correct and functional WP Admin Login details again in the private content area of this topic? This will enable us to examine the issue on your site and provide the necessary assistance.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#371429 Copied

OnlyCBD

Participant

October 25, 2023 at 12:46

Hello.
Okey, credentials working.
Added on private area.

Thank you to much.

Please contact administrator
for this information.

#371470 Copied
Tony Rodriguez

Support staff

October 25, 2023 at 14:11
Hello, @OnlyCBD,

We have attempted to apply both left and right margins to your element. However, due to various factors such as display and position properties, the right margin does not have any effect.

As a solution, we recommend setting the width to 95% and applying a 10px margin to the left. This adjustment should rectify the issue. Please implement the suggested CSS code and review the results after clearing your cache.

Please copy and paste the below given CSS code to Xstore >> Theme Options >> Theme Custom CSS >> Mobile
```
.et-mobile-panel-wrapper {
    width: 95% !important;
    margin-left: 10px !important;
}
```
We look forward to your feedback.

Best Regards,
8Theme’s Team
#371486 Copied
Tagged: corner radius, margin adjustment, mobile panel customization, site optimization, ui design, woocommerce templates, wordpress
Viewing 4 results - 1 through 4 (of 4 total)