-
-
Hi,
I’m facing an issue with my site, just realized it’s not fully responsive.
On small screens (Iphone 5), on the home page, the slider is not being adapted to the screen, and the blog neither.
Are there settings I could change to make it responsive ?
Thanks for your help.
Isabelle
-
Hello,
Have you set ON the option in General Options > Responsive Layout?
Please check it and let us know. If you still are unsatisfied with the result, then send us your site’s url. So we can give it a closer look.Best regards!
-
-
Hello,
I added this code into your custom css box:
@media(max-width: 480px){ .codeless_slider .swiper-slide .content h1 { padding-left: 55px !important; }}
To add padding to the slider’s titles. I don’t see any other issue with the slider(screenshot). It is resizing ok in mobile. Are you not referring to this? Can i see a screenshot of it?
-I added this code:
.menu-small ul.menu > li > a { color: #0c0707 !important; }
to change the color of mobile menu titles.
There is a js error in your site. Please deactivate all third party plugins and try again. Let us know if the issues persists.PS: Yes, i can guarantee that the information is private. To test this, just check other users profiles (click on the name), you will see that you will not be able to see any login data in no one of them.
Best regards!
-
Hi,
thanks for your answer.
– The slider looks better now but still I have a white square appearing at the right side of it.
– And also the blog Latest Niews looks strange…
I send you two screenshots.
Can you please explain what problem does the js error cause ?
thanks
Isabelle
-
Hello,
-I edited this line in the custom css box:
.codeless_slider .swiper-slide .content h1 { padding-left: 55px !important; }
to
margin-left: 55px !important;
, the white box of the next H1 is gone now.(screenshot)-The blog does not have the issue presented in the screenshot. I tested in the browser’s mobile layout and in actual device. This is the result: https://pho.to/AgO9i
-The mail form in the footer was wider than mobile layout and was causing the site to move horizontally. I added this code to correct it:
#mc_embed_signup { width: 300px !important; }
Let us know.
Best regards!
-
Hi,
Thanks, slider looks good now. :)
For the blog, I didn’t mean the blog page itself but the Latest From Blog widget (which show on my home page. The 3 columns are overlapping each other on small screens. (see screenshot)
Thanks in advance.
Isabelle
-
Hello,
I understand, this is caused by this code, see screenshot. It is a custom code but i don’t seem to find it. Please check it out and remove the !important from it. So that the code i added inside the
@media
rule in your custom css box:.latest_blog .no_carousel .blog-item { width: 100% !important; }
would take effect and fix this.
The latest from blog items should be in full width in mobile now after this.
Let us know.Best regards!
-
-
You must be logged in to reply to this topic.