Widget dissapearing in mobile - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 3, 2024 at 7:42 pm #1466161

dweddell
Participant

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
Moderator
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
Participant

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
Keymaster
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
Participant

Many thanks :)

September 4, 2024 at 4:40 pm #1466226

Rikard
Keymaster

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.