-
AuthorPosts
-
January 6, 2020 at 12:13 am #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 youJanuary 6, 2020 at 3:18 pm #1170717Hey,
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,
YigitJanuary 6, 2020 at 3:57 pm #1170736Hi 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 youJanuary 6, 2020 at 4:03 pm #1170737Hi,
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,
YigitJanuary 6, 2020 at 4:07 pm #1170739Hi, as far as i know i did not add anything like that.
Is it possible to solve this issue?
Thank youJanuary 6, 2020 at 4:11 pm #1170740Hey,
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!
YigitJanuary 6, 2020 at 5:01 pm #1170781Yes sure you can update it!
Thank you very much.
MatteoJanuary 6, 2020 at 5:10 pm #1170783Hi,
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,
YigitJanuary 6, 2020 at 6:08 pm #1170807Yigit 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.
MatteoJanuary 6, 2020 at 6:57 pm #1170814Yigit, 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
MatteoJanuary 6, 2020 at 7:24 pm #1170820Hi 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,
YigitJanuary 6, 2020 at 7:36 pm #1170822Done! Everything fine.
Thank you so much Yigit.
You can close this thread.
Best regards,
MatteoJanuary 6, 2020 at 7:49 pm #1170826 -
AuthorPosts
- The topic ‘Modify the space of text block (inside color section) only for the upper side’ is closed to new replies.