Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 18, 2018 at 10:50 am #986875
    simstub

    How can I adjust font and picture sizes for the mobile version? The fit / balance isn’t right, right now.

    July 18, 2018 at 3:37 pm #987051
    Victoria

    Hey simstub,

    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){
    body .av-special-heading .av-special-heading-tag {
        font-size: 20px;
    }
    .avia-section-huge .content {
        padding-top: 50px;
    }
    #full_slider_1,
    #full_slider_1 .avia-slideshow-inner, 
     #full_slider_1 .avia-slideshow li,
     #full_slider_1 .avia-slideshow li img  {
        min-height: 250px;

    }
    #full_slider_1 .avia-slideshow li img  {
        width: 140%;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 19, 2018 at 10:29 am #987323
    simstub

    Much better thanks!!

    – the scaling of the header picture is now off (a bit squashed), what would be the perfect px-ratio for both desktop and mobile?
    – the picture at the bottom has been cropped a bit strangely too, any solution for that?

    July 20, 2018 at 2:19 pm #987842
    Victoria

    Hi simstub,

    You can play with the width value, but if you make it bigger, the overflow will be hidden.

    Not sure what you mean in your second point.

    Best regards,
    Victoria

    August 6, 2018 at 9:31 am #993853
    simstub

    Hi Victoria,
    Thanks or your reply.
    My second point is about the last photo on the bottom of the homepage. In the mobile version it is automatically cropped at the top and bottom, so part of my face gets cut off ;-) Why is that and how do I change it?
    And a totally different question: why does my website load so slowly? All pictures I use are 80 kb max and there are not that many.
    Simone

    August 9, 2018 at 1:04 pm #995435
    Victoria

    Hi Simone,

    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) {
    #contact .flex_cell.avia-builder-el-41 {
        min-height: 350px;
    }
 }

    Here are some links for you on performance:

    Enfold 4.3: Performance Update

    Tips on speeding up site performance

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 9, 2018 at 1:07 pm #995438
    simstub

    Works perfectly, thanks! And thanks for the documentation also.

    August 9, 2018 at 1:13 pm #995443
    Yigit

    Hi,

    Glad Victoria could help! :)

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Edit mobile version’ is closed to new replies.