Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 11, 2023 at 8:52 am #1418724
    Martin

    Hello,

    On the page https://vietnamazing.eu/be-part-of-it/ the social buttons are not displayed in the header on mobile phones. How could you do that? Create an alternative menu for mobile devices?

    Best regards,
    Martin

    September 11, 2023 at 4:04 pm #1418764
    Rikard

    Hey Martin,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #header .social_bookmarks {
    display: block !important;
}
}

    Best regards,
    Rikard

    September 12, 2023 at 8:08 am #1418843
    Martin

    Hello Rikard,

    thank you very much, it works. One question: do you get the social buttons and the subnavi in one line? Now it’s underneath each other and takes up more space.

    Best regards,
    Martin

    September 12, 2023 at 8:19 am #1418845
    Ismael

    Hi,

    Thank you for the update.

    You can add this css code to align the social icons and the subnavi beside each other.

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

  /* Add your Mobile Styles here */
  .responsive #top #header_meta .container {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .responsive #top #header .social_bookmarks {
    display: block !important;
    float: none;
    width: auto;
  }

  .responsive #header .sub_menu,
  .responsive #header_meta .sub_menu>ul {
    float: none;
    margin: 0;
    width: auto;
    position: relative;
    margin-top: -10px;
  }
}

    Best regards,
    Ismael

    September 12, 2023 at 10:37 am #1418869
    Martin

    Very, very, very good Ismael, thank you very much!

    September 12, 2023 at 4:59 pm #1418911
    Rikard

    Hi,

    Great, I’m glad that Ismael 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

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