Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2023 at 11:20 am #1407550
    May 17, 2023 at 5:55 am #1407702
    Ismael

    Hey Pascal,

    Thank you for the inquiry.

    The CSS code provided below should reposition the logo in the center, the menu to the left, and the cart icon to the right of the header container:

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

  /* Add your Mobile Styles here */
  .responsive #top .logo {
    width: 100%;
    text-align: center;
  }

  .responsive .logo img,
  .responsive .logo svg {
    margin: 0 auto;
  }

  .responsive #top #wrap_all .main_menu {
    width: 100%;
  }

  .responsive #top #menu-item-shop.cart_dropdown {
    margin-left: 0;
    right: 0;
    position: absolute;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    May 17, 2023 at 9:09 am #1407713
    Amigs

    Hi Ismael,
    thank you, it works perfekt. The onlin thing i did not understand ‘You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.’. I made the CSS under WordPress>Design>Custormizer.
    All the best,
    Pascal

    May 17, 2023 at 9:47 am #1407722
    Nikko

    Hi Pascal,

    The recommendation to temporarily disable Enfold > Performance > File Compression was intended to ensure that the updated CSS code is fetched, as certain websites may still utilize a cached version of the CSS. This precautionary measure helps guarantee that the newer CSS code will be fetched.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.