Hey Mariarita,
To adjust the logo and remove the mobile menu borders try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.logo img, .logo svg {
    top: -1px;
}
.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: none;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Unfortunately the mega menu will not show for mobile devices, as there is not enough room for it to show.

Best regards,
Mike

Hi,

Please try this CSS instead:

.iconbox_icon:before {
  font-size: 40px;
  position: absolute;
  left: 20%;
}

iconbox_icon {
  top: -33px;
}

Best regards,
Rikard

Hey Diana,

Thank you for the inquiry.

The burger menu is active when checked. To adjust the width of the sidebar, you can try the following css code:

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  .html_header_sidebar #top #header {
    width: 400px;
  }

  .html_header_left #main {
    margin-left: 400px;
  }
}

Best regards,
Ismael

Hey Anette,

Thank you for the inquiry.

Did you add the following css code? It reduces the size of the events container in mobile view.

#tribe-events-content {
    padding: 50px 100px !important;
}

To override it, you can add this css code;

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #tribe-events-content {
    padding: 0 !important;
  }
}

Best regards,
Ismael

Hey manurimini,

Thank you for the inquiry.

You can try this css code but it might break the layout of the content container:

.html_header_right #top #header {
    right: 0;
    position: fixed;
    -webkit-backface-visibility: hidden;
}

Best regards,
Ismael

Hey jackis2,

Thank you for the inquiry.

You can use this css code to adjust the style of the phone number container:

#header_main .call {
    background: red;
    min-width: 400px;
    color: white;
    right: 10%;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'gotham-bold', sans-serif;
    font-size: 1.5em;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
For the homepage try this css:

#top.home #main #av_section_1 {
	  margin-bottom: 50px;
}

Best regards,
Mike

Hi,

Great, I’m glad to hear that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for sharing. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

Looks like this is a general WordPress issue occurring in the latest versions of macOS and Safari.

// https://wordpress.org/support/topic/safari-18-0-breaking-classic-editor/

To fix the issue the temporarily, please try this code in the functions.php file:

function ava_custom_admin_styles() {
    echo '
    <style>
        #postbox-container-2 { clear: left; }
        .index-php #postbox-container-2 { clear: none; }
    </style>
    ';
}
add_action('admin_head', 'ava_custom_admin_styles');

Best regards,
Ismael

Hi,
When I check your css above you have an error, a number “2” next to the “height”

when I remove this and test on my site everything seems to work fine:
desktop:
120px

laptop:
80px

mobile:
50px

Please check your css, if you have further trouble, try disabling your other custom css as you may have a conflict. If this doesn’t help then please put your site online and include a admin login in the Private Content area so we can examine

Best regards,
Mike

Hi,
Thank you for the link to your site, currently I see screenshot 1 below.
When I add Ismael’s css I see screenshot 2 below.

body, #wrap_all, #main {
    background: transparent !important;
}

#footer {
    margin-top: 50px;
    background-color: white;
}

This looks like your example site, screenshot 3 below.
If the screenshot looks correct but you are not seeing this, try clearing your browser cache following these steps for Safari and note step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thanks for your patience, but the check-out on these two site are not the same, one shows a address field (sk), and the other doesn’t (cz), one only has only one a flux-checkout__content-wrapper (sk) and the other has two (cz), one has the “Doprava” at the top of the sidebar (sk), and the other at the bottom (cz)
These changes in the page source code probably making the css from before not work correctly and are probably due to different settings in the plugin, please try reviewing so both are the same. We are limited to the support that we can offer for third party plugins, but perhaps if you can use the plugin settings to adjust the placement of the “Doprava” and add the address field back it may then work correctly.
Please that Enfold may not support all woocommerce plugins, especially ones that are created for the “shop theme”.
I also see that you are using two different versions of the Flux Checkout plugin.

Best regards,
Mike

Hey James,
Thank you for the link to your site and the login, when I check you have 4 items on the left site and two on the right:

this is due yo the incorrect css:

Note that in the documentation:

adjust the value of “X” to the number of menu item after which the logo should appear in the line #top #header .av-main-nav li:nth-child(X)

Since you have 6 menu items I changed to:

  #top #header .av-main-nav li:nth-child(3) {
    margin-right: 40vw; /* Adjust spacing for the logo */
  }

Now it is correct:

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

You may need to set the background color of the main container to transparent to replicate the design of the other site. Please try replacing the modification with this css code:

body, #wrap_all, #main {
    background: transparent !important;
}

#footer {
    margin-top: 500px;
    background-color: white;
}

Best regards,
Ismael