Spectrum - Gap Between Header And Content Area In Mobile View
Rakesh P
Hi, there is a gap/blank space between the header and page content - screenshot here https://prnt.sc/-NGyr_t_C4eF
This happened after I added custom CSS provided by your team to move toggle menu inside the header panel.
Paul Frankowski
Accepted AnswerThe problem was cuased by your custom CSS code where you put manually location of [=] icon. I corrected that code and now should be OK.
Mehtaz Afsana Borsha
Accepted AnswerHi
Apology for your experience with our product.Give me your site URL please I need to check.
-Regards
Mehtaz Afsana Borsha
Accepted AnswerCould you please give me your super admin access? I need to check. As I see that css is not the issue. It does not create that space.
Paul Frankowski
Accepted AnswerHi Rakesh,
it's very easy to fix using below custom CSS.
@media only screen and (max-width: 580px) {
#sp-page-title {display: none;}
}But it will also hide page titles from all subpages if you used it.
Rakesh P
Accepted AnswerHi Paul,
After using the above custom CSS, there are gaps on the sides of the homepage slider - this goes away when you start to scroll - screenshot https://prnt.sc/fMNls6jBBiaf
Any workaround for this?
Regards
Paul Frankowski
Accepted AnswerCan you add empty row above 1st one, but without any addon, and with margins & padding set to: 0 0 0 0
It may help, if not let me know.
Rakesh P
Accepted AnswerHi, no change after adding an empty row with '0' padding & margin. Side gaps on slider (mobile view) remain but go away if you start scrolling...
Paul Frankowski
Accepted AnswerYes, I noticed that. Weird case.
Can you share access to ADMIN area of Joomla in that case?
Rakesh P
Accepted AnswerThanks Paul, it's working fine now.
Please let me know which custom css had the problem