Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1332862

    Hi,

    I was wondering if there is a way to left align the Privacy Policy link on my footer to left on mobile?

    #1332914

    Hey hitrev,

    Thank you for the inquiry.

    You can use this css code to adjust the alignment of the text on mobile view. You may need to apply a unique class name or ID to the text block and use that instead of the css selector below.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      #av_section_5
        .flex_column.av_one_third.
        .avia_textblock
        p {
        text-align: left !important;
      }
    }
    
    

    And please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1333030

    Thanks for this ismael, I tried adding that code and it didn’t work. I than tried to add a css and custom id but that didn’t work either. I named the class av_section_5.

    #1333075

    Hi,

    Thanks for the update. Could you add a class to the 1/3 element which has the privacy policy link in it please? Then it’s easier to target it with CSS.

    Best regards,
    Rikard

    #1333180

    I went ahead and added the custom class “footer_left” to the footer text element but it does’t seem to adjust the position.

    @media only screen and (max-width: 767px) {
      /* Privacy Left Mobile*/
    .footer_left  .flex_column.av_one_third.
        .avia_textblock
        p {
        text-align: left !important;
      }
    }
    #1333220

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 767px) {
    .footer_left p {
      text-align: left !important;
    }
    }

    Best regards,
    Rikard

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