Okay
  Public Ticket #1380406
Pixel Margin Showing Up Instead Of Percentage Margin
Closed

Comments

  • jinjodesign started the conversation
    November 24, 2017 at 5:22pm

    Hi Guys,

    I'm having a bit of trouble with the responsive movement on the icon in the columns on the home page here. 

    I can insert 17% in the margin right box but this automatically translates to 17px when rendered in the web browser. I have attached the screenshot to illustrate what Im trying to say.

    Can you tell me how to make sure the icon doesnt move further than the text below it when the screen sizes change?

    We are using the Colorful Blocks template here.

  •  9,017
    Tahir replied
    November 25, 2017 at 1:19pm

    Hey Again,

    You will have to use custom css like below.

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .nectar_icon_wrap {
        margin-left: 50px !important;
    }
}

    Thanks

    ThemeNectar Support Team