Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 5, 2018 at 8:44 pm #908183
    RogierSchipper

    Hi there,

    I’m using the Enfold theme one of my websites and am having difficulties on changing the margin for the mobile view. When I look at the website in desktop view the images and text are aligned like the way i wanted them:
    Desktop View

    But when I look at it with a mobile phone I get the following:
    Mobile view

    When i use the developer console in Firefox I see that it is using inline CSS
    CSS
    So I can’t figure out how I change the -60px margin to 0px margin on mobile. Can you guys help me out?

    Regards,
    Rob

    February 6, 2018 at 2:33 am #908302
    Nikko

    Hey RogierSchipper,

    Sure, can you give us a link to the page shown in the screenshot? you can post the link in private content if you want it to be seen only by moderators and you (thread creator).

    Best regards,
    Nikko

    February 6, 2018 at 9:10 am #908413
    RogierSchipper

    Hi Nikko,

    Thank you for the response. I’ve posted the link to the website in the private content section!

    February 6, 2018 at 10:58 am #908459
    Nikko

    Hi,

    Thanks, can you try to add this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #itsallabout .flex_column.av_one_fourth.avia-builder-el-10 {
    margin-top: 60px !important;
  }
}

    Best regards,
    Nikko

    February 6, 2018 at 11:52 am #908506
    RogierSchipper

    Wow! Wonderfull this works. How di you specify the #itsallabout? Where did that came from?

    February 6, 2018 at 2:08 pm #908591
    Rikard

    Hi,

    That is the ID of one of your sections on the page.

    Best regards,
    Rikard

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