Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 3, 2018 at 9:55 pm #936813
    friefodspor

    I have a problem with too much padding around the top image on mobil devices. How to change this? I dislike that there is so much space between the top image and the H1. Any quick fixes to that?

    The image size I have chosen is 1500px x 750px.

    See example below.

    Best regards Marie

    April 3, 2018 at 11:29 pm #936854
    Jordan Shannon

    Hey friefodspor,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.av-special-heading{
margin-top:0px!important;
}}

    Best regards,
    Jordan Shannon

    April 4, 2018 at 8:52 am #937027
    friefodspor

    Thanks, Jordan.

    This removed a lot of the padding on mobile devices. Is it possible to remove even more? There seems to be much padding (also on PC) between the top image and the H1?. I know this is probably just the Enfold design, but can I eliminate some of that space? Best regards Marie

    April 5, 2018 at 5:10 am #937439
    Victoria

    Hi friefodspor,

    Sure, we can help you with that, but can you please be more specific which paddings you want to remove? Could you please attach some screenshots?

    Best regards,
    Victoria

    April 5, 2018 at 12:49 pm #937684
    friefodspor

    Actually I thiunk the solution on mobile devices stopped working again? I have made a screendump of the page posted below seen from iPhone, but I cannot attach files here in support? There is still very much air over the picture and underneath seen from a phoone? I tried pasting the code again, but it makes no difference?

    April 5, 2018 at 1:43 pm #937734
    Victoria

    Hi friefodspor,

    You can upload the screenshots to a service link Dropbox and give us the links here.

    Best regards,
    Victoria

    April 5, 2018 at 2:46 pm #937768
    friefodspor

    Here goes

    April 5, 2018 at 4:56 pm #937811
    Jordan Shannon

    Hi,

    Thanks for providing the screen. Please try this:

    @media only screen and (max-width: 767px){
main.template-page.content{
padding-top:0px!important;
}}

    Best regards,
    Jordan Shannon

    April 6, 2018 at 10:27 pm #938413
    friefodspor

    Thanks. Problem solved…

    April 6, 2018 at 10:36 pm #938415
    Jordan Shannon

    Hi,

    No problem at all. I’m glad this was able to be corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Padding problem on mobile devices’ is closed to new replies.