Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #403064


    I implemented the Mobile Sticky Menu with the Quick CSS found here :

    But I need to make two changes :

    1. Logo should remain same size on Mobile & Tablet version, but still scale as it is on the main site
    2. Transparency Glitch : The menu fades to transparent for a second then back to solid. I just want it to remain solid the whole time on the Mobile & Tablet version (again, still staying the same WITH the transparency on the main site)



    Hi Michae1!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    .responsive #top #main {
    padding-top: 180px!important;
    div#header_main {
    background-color: white!important;



    Hi Yigit!,

    Reviving this thread for a minute, because while the original client’s site is long since done, I have a new client that wants to do this same thing.

    So . . . the code MOSTLY works (thanx!) with one glitch, after you click on ANYTHING in the mobile menu, it makes the hamburger/line/menu icon disappear to the right, and the visible area of the site expands to include the otherwise off screen menu.

    I’m testing it on a Samsung Galaxy 6 Edge in chrome.

    • This reply was modified 4 years, 7 months ago by  Michae1.


    Can you please provide a screenshot of the issue? I tried to reproduce it but the mobile menu works fine. What are the css modifications that you use? Please post the codes on


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.