Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 9, 2023 at 4:43 pm #1415939
    cinchmedia

    I am displaying the icon list with the icon position right on desktop. I’d like to change the icon position to left on tablet/mobile. Is there a CSS for that? I don’t want to have to copy the element and then use the Responsive option to ‘Hide on desktop’ option – I’d rather use CSS.

    August 9, 2023 at 8:58 pm #1415955
    Rikard

    Hey Beth,

    It looks left aligned on mobile already, did you manage to find a solution? If not, then please try to explain what you are looking to achieve a bit further.

    Best regards,
    Rikard

    August 9, 2023 at 9:11 pm #1415957
    cinchmedia

    I did do it by creating two elements – one for desktop which is right aligned, and one for mobile that is left — but I’d rather not need to have two elements to edit whenever content changes. I’d rather add a custom CSS to avoid having two elements.

    August 10, 2023 at 8:13 am #1415969
    Ismael

    Hi,

    Thank you for the update.

    You can use the following css code to adjust the alignment of the icons on mobile view.

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

  /* Add your Mobile Styles here */
  #top .avia-icon-list-container.av-ll3u81t9-5d50183e306e00d2c08cfe7c5ed75525 .iconlist_icon {
    float: right;
  }
}

    Best regards,
    Ismael

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