Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1170584

    Hi,
    in my frontpage website for mobile devices, i would like to increase a bit the space above my text block (see link below).
    Inside settings of color section —-> section space, there is the possibility to increase the space of the upper and lower sections. What i need is to increase a bit but only for the upper side.

    http://imageshack.com/a/img922/2716/VYa4OJ.jpg

    Is there any possibility to do that?
    Thank you

    #1170717

    Hey,

    I added following code to bottom of Style.css file of your child theme

    @media only screen and (max-width: 757px) {
    	.responsive #top #main {
        padding-top: 100px!important;
    }}

    Please review your website :)

    Best regards,
    Yigit

    #1170736

    Hi Yigit,
    something wrong happen on my frontpage website (pc view). Everything went away.
    Even when i click on edit frontpage everything on wp looks different.
    Do you know what happen?
    Thank you

    #1170737

    Hi,

    No however when i inspected elements on your page earlier i seen additional HTML on your texts. Have you added them? Errors in Custom HTML break the layout so that might be the case.

    Best regards,
    Yigit

    #1170739

    Hi, as far as i know i did not add anything like that.
    Is it possible to solve this issue?
    Thank you

    #1170740

    Hey,

    We can gladly look into it.

    I would like to update the theme to the latest version first. Please confirm so we can update the theme and then look into the issue :)

    Cheers!
    Yigit

    #1170781

    Yes sure you can update it!
    Thank you very much.
    Matteo

    #1170783

    Hi,

    I updated Enfold to the latest beta version, deleted “Classic editor” plugin and chose to use Classic editor in Enfold theme options instead. Your content is still wrapped in Span text however it loads fine.

    Please review your website :)

    Best regards,
    Yigit

    #1170807

    Yigit you are great thank you!

    Now i focus back on my previous issue:

    you added the following code:

    @media only screen and (max-width: 757px) {
    .responsive #top #main {
    padding-top: 100px!important;
    }}

    It works perfectly.

    I tryed to modify the value (100px into other as 50px for example) because i wanted see if i could move this space a bit more up or down.
    what i see is that it does not take any change. I even tryed to delate your code just to verify it and the “space modification” you did through the code is still there ! How possible?
    Is there any other code you added maybe?

    Thank you.
    Matteo

    #1170814

    Yigit, i cheked my website on mobile and it seems that all the pages now have a padding top of 100px.
    If this is the only solution to increase a bit the space above the “text block” i prefer does not take any change at all.

    The problem is, has i wrote you above, that even if i delate the code you inserted, it does not take any changment more and it seems stucked.

    How can it be possible?

    Thank you
    Matteo

    #1170820

    Hi Matteo,

    You can simply edit your Text Block element and give it a custom CSS class in Developer tab, for example “custom-top-padding” and then add following code to Quick CSS

    @media only screen and (max-width: 767px) { 
    .custom-top-padding { padding-top: 100px !important; }}

    Best regards,
    Yigit

    #1170822

    Done! Everything fine.

    Thank you so much Yigit.

    You can close this thread.

    Best regards,
    Matteo

    #1170826

    Hi,

    You are welcome Matteo! Glad everything is fine.

    Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Modify the space of text block (inside color section) only for the upper side’ is closed to new replies.