Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 3, 2024 at 7:42 pm #1466161
    dweddell

    Hi

    I am sorting out website below

    For some reason the social icons and contact button (in header widget) disappear on mobile.

    Are you able to assist?

    Kind ergards

    Duncan

    September 4, 2024 at 4:52 am #1466175
    Ismael

    Hey dweddell,

    Thank you for the inquiry.

    The search and social icons are hidden in mobile view by default due to the lack of space in the header. If you want to display them again, you can try this css code:

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

  /* Add your Mobile Styles here */
  .responsive #header .social_bookmarks {
    display: block !important;
  }

  #top #header .av-main-nav>#menu-item-search {
    display: block !important;
  }
}

    Best regards,
    Ismael

    September 4, 2024 at 9:23 am #1466191
    dweddell

    Thanks Ismael

    Its really the header widget button i want to display on mobile…. is this possible using css?

    kind regards

    Duncan

    September 4, 2024 at 10:26 am #1466199
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 700px) {
  #header .avia-button.avia-size-x-large {
    display: block !important;
  }
}

    Best regards,
    Rikard

    September 4, 2024 at 1:00 pm #1466211
    dweddell

    Many thanks :)

    September 4, 2024 at 4:40 pm #1466226
    Rikard

    Hi,

    Great, I’m glad that we could help. 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.