-
-
Hello,
I have some responsive issues with my website: (https://37.60.245.241/~south894)
The slider Revolution on the Homepage look good on laptop and Ipad, but not on mobile view, where a blank space appears below the slider.
On the Ipad view the menu items are not properly displayed and they appear out of the header, how can I fix that?
Also, on mobile view my logo doesn not responsively size, it looks huge.
Thank you so much for your help.
-
Hello,
Please add these codes to your custom CSS box:
1. Add this code for the blank space below slider:@media (max-width: 480px) { .slider#slider-fullwidth { min-height: 232px; } }
2. Add this code for the responsivity on ipad view:
@media (max-width: 1100px) and (min-width: 981px) { #logo img { margin-left: -48px; } div#navigation { margin-top: -109px; margin-right: -51px; } }
3. Add this code for the logo on mobile view:
@media (max-width: 480px) { #logo img { height: 129px; margin-left: -244px; } }
Let us know.
Best regards!
-
Hello Kris,
I added the codes and it works now, thank you!
I still have a problem though on the Ipad view for the following pages:
https://37.60.245.241/~south894/reviews/
https://37.60.245.241/~south894/contact/
The header background for these two pages is not transparent as it appears on the Ipad, but it should be colored in light grey, as it appears on the mobile and desktop view. How can I solve this?
Also, the “search” button on the header does not work on the Ipad.
Again, thank you!
-
Hello,
I saw that you had pasted the codes i gave you on your homepage CCS box. If you add CSS code to a page it only affects that page, you should add the codes to your custom theme CSS box, to affect all the pages.
We fixed it now (the search button and made the header background light grey on the ipad view for the Reviews and Contact Us pages), please check your site.
Let us know.Best regards!
-
-
Hello,
Please try and add this code into your custom css box:
@media (max-width: 1024px){ .header_page.centered .overlay { background: rgba(89, 89, 89, 0.75) !important; }}
Let us know.
Best regards1
-
-
You must be logged in to reply to this topic.