-
AuthorPosts
-
May 7, 2016 at 9:20 pm #628687
Ahoy –
I’m trying to make my mobile menu sticky on my site but the code I found overlaps the advanced layer slider.
Is there a way to have that sticky menu that doesnt overlap.?.html_header_top.html_header_sticky #header { position: fixed !important; } @media only screen and (max-width: 767px) { .responsive #main { padding-top: 82 !important; } }May 9, 2016 at 7:22 am #629044Hey mcraig77,
You can try the following in combination with the CSS you posted:
#layer_slider_1 { margin-top: 82px !important; }Regards,
RikardMay 9, 2016 at 8:30 am #629073Hi –
So I added that code but all it did was add a blue space above the slidier both in the mobile and desktop versions.
Please advise how to make this work only on mobile an not overlap on the layerslider.
Thanks!
May 10, 2016 at 1:07 pm #629869Hi,
Please change the code to following one
@media only screen and (max-width: 767px) { #layer_slider_1 { margin-top: 82px !important; }}Best regards,
YigitMay 11, 2016 at 12:27 am #630303Anyway to make the Extra Elements to appear right way on mobile? but on desktop load when scrolled down?
May 12, 2016 at 9:29 am #631236Hi,
The background is the same as the font color. This should work:
@media only screen and (max-width: 767px) { .responsive #top .av_header_transparency #header_meta { background-color: #117e73; } }If the same css media query exist, copy the code and put it inside the existing media query. We would like to know if our suggestions above work on your end.
Best regards,
IsmaelMay 12, 2016 at 7:03 pm #631525Ahoy –
replaced that code and still nothing… here are my logins just in case
T
-
This reply was modified 9 years, 6 months ago by
mcraig77.
May 16, 2016 at 3:53 am #632641 -
This reply was modified 9 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
