Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 25, 2018 at 2:48 am #989460
    tonyshanks

    The content looks great on desktop and laptop, but shifts to the left on mobile. How can we center?

    July 25, 2018 at 3:55 am #989469
    Vinay

    Hey tonyshanks,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Phone info fix */

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet .phone-info {    
    clear: none!important;
    text-align: left !important;
}}

    Best regards,
    Vinay

    July 25, 2018 at 4:05 am #989472
    tonyshanks

    Didn’t work. columns are still shifting left see attached screen shot.

    July 25, 2018 at 10:44 am #989606
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 990px) {
.grid-entry {
    padding-right: 0;
}
}

    Best regards,
    Rikard

    July 25, 2018 at 6:28 pm #989864
    tonyshanks
    This reply has been marked as private.
    July 25, 2018 at 8:22 pm #989919
    Victoria

    Hi tonyshanks,

    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: 990px) {
  .grid-entry {
    padding-right: 0px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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