Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 25, 2018 at 6:23 pm #1014357
    aph80

    I have an issue with some elements on small screens. They are just not perfectly centered as they should be. Some examples:

    – boxes on https://www.eiweisspulver-test.com/news

    – icons and/or text in small bar above menu (phone info): This one is more subtle.

    – buttons

    How can this be fixed?

    September 26, 2018 at 6:01 am #1014545
    Rikard

    Hey aph80,

    I can’t see that on my end using Chrome, everything looks centered. Could you post screenshots of the problem and in which browser you are seeing them please?

    Best regards,
    Rikard

    September 26, 2018 at 11:55 am #1014682
    aph80

    mobile chrome

    very small desktop chrome

    September 26, 2018 at 7:56 pm #1014970
    Victoria

    Hi aph80,

    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: 767px) {
     .av-layout-tab-inner .container {
         width: 100vw !important;
     }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 26, 2018 at 9:11 pm #1014991
    aph80

    Thank you very much Victoria!

    September 27, 2018 at 5:01 am #1015101
    Ismael

    Hi,

    Awesome! Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Some elements not centered on mobile’ is closed to new replies.