Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 14, 2020 at 2:46 pm #1193096
    AlexBellaTropea

    Hello kriesi team,

    I have problem with the responsive mode of smartphone of social info, can you fix them better please?

    Thanks

    View post on imgur.com

    March 14, 2020 at 2:47 pm #1193097
    AlexBellaTropea
    This reply has been marked as private.
    March 15, 2020 at 9:19 pm #1193298
    Victoria

    Hi AlexBellaTropea,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  #top .phone-info span,
   #top .phone-info span a {
    font-size: 12px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 15, 2020 at 10:32 pm #1193331
    AlexBellaTropea
    This reply has been marked as private.
    March 16, 2020 at 4:52 am #1193387
    Rikard

    Hi,

    I added this to Quick CSS and it’s now applying to your site:

    @media only screen and (max-width: 767px) {
  #top .phone-info span,
   #top .phone-info span a {
    font-size: 12px !important;
  }
}

    Best regards,
    Rikard

    March 16, 2020 at 11:03 am #1193427
    AlexBellaTropea
    This reply has been marked as private.
    March 16, 2020 at 3:53 pm #1193515
    AlexBellaTropea
    This reply has been marked as private.
    March 16, 2020 at 4:44 pm #1193524
    AlexBellaTropea
    This reply has been marked as private.
    March 18, 2020 at 11:25 am #1194070
    AlexBellaTropea
    This reply has been marked as private.
    March 20, 2020 at 4:58 am #1194682
    Ismael

    Hi,

    Thank you for the update.

    We wrapped each element inside a span tag to keep the icon and text together on mobile view.

    <span class="map">[av_font_icon icon='ue80c' font='fontello' style='' caption='' link='' linktarget='' size='19px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon]<a href="https://www.google.com/maps/place/Bella+Tropea+Accommodation+B%26B (Email address hidden if logged out) ,15.8921472,19z/data=!4m13!1m7!3m6!1s0x0:0x0!2zMzjCsDQwJzI5LjkiTiAxNcKwNTMnMzMuNyJF!3b1!8m2!3d38.6749667!4d15.8927!3m4!1s0x0:0x1d24b7c643cc9425!8m2!3d38.67488!4d15.8925799" target="_blank" rel="noopener"> Via Libertà,162,Tropea </a></span><span class="phone">[av_font_icon icon='ue80e' font='fontello' style='' caption='' link='' linktarget='' size='17px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon] <a href="tel:+393462377428">+39 3462377428</a></span><span class="mail">[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='23px' position='left' animation='' color='' av_uid='av-juc5j5ty' admin_preview_bg=''][/av_font_icon] <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></span>

    Best regards,
    Ismael

    March 20, 2020 at 12:21 pm #1194773
    AlexBellaTropea
    This reply has been marked as private.
    March 20, 2020 at 7:48 pm #1194899
    AlexBellaTropea
    This reply has been marked as private.
    March 23, 2020 at 11:55 am #1195429
    AlexBellaTropea
    This reply has been marked as private.
    March 24, 2020 at 9:42 am #1195924
    Ismael

    Hi,

    Sorry for late response. Yes, we made the changes in the Header > Extra Elements > Phone Number field.

    Thank you for choosing Enfold and for the kind words. Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘responsive social info’ is closed to new replies.