css – hide menu from pages
Home › Forums › Pro Support › css – hide menu from pages
- This topic has 9 replies, 2 voices, and was last updated 5 years, 9 months ago by Heather McCallum.
-
AuthorPosts
-
July 21, 2018 at 12:41 am #68043Heather McCallumParticipant
Hello!
I’m unable to get the shortcode working, but as soon as I saw the option to hide with CSS, I bought the pro version.
Can I install this on my test site and then when I get the settings exact, install at it’s final location?
….or will I run into license restrictions?
I’d like to make sure it’s working on my test site before I install the PRO version, but I don’t have the CSS option with the free version.
July 21, 2018 at 12:43 am #68051Peter FeatherstoneParticipantHey Heather,
That’s fine, you can use the license on the test and prod sites.
All the best
Peter
July 21, 2018 at 2:31 am #68050Heather McCallumParticipantThanks so much! I’m just about done 🙂
Just running into a couple of quick snags:
1)
I thought I would discover this setting by now, but I’m still unable to push the button links down *under* the hamburger lines.
My goal is to give the entire menu portion a top margin of about 50 pixels (the hamburger lines are 35 pixels)
I entered a title “EXPLORE” and this has helped some…but the menu should be under the button.
I know there must be a solution somewhere LOL – If you could just point me in that direction.
…maybe I should upload a transparent “spacer” image where the title is? Would this work (?)
2)
I can’t seem to achieve transparency everywhere inside the container.
It’s still a coal black background at the top and under the menu…
I changed *every* dark color I could find, to be like this:
rgba(0, 0, 0, 0.73) or rgba(0, 0, 0, 0.75)
What am I missing? How can I make the black and dark gray backgrounds of entire container transparent?
3)
I’d love to have a hot pink 1 pixel vertical rule going down the container. But I don’t think it’s doable … is it?
Thanks so much for your responses – I should be leaving you alone soon 🙂
July 21, 2018 at 4:46 am #68049Heather McCallumParticipantHi there!
1) Disregard this – I uploaded just a transparent image and it’s placing the menu exactly where it should be 🙂
2) Disregard this – I discovered layers of overlapping transparent settings which were darkening it too much under the menu. Turning some areas to “total” transparency has given the result I’m after
3) I haven’t yet found a method for a single vertical rule, but this wasn’t really important.
I can finally consider this completed 🙂
Have a great weekend
July 21, 2018 at 8:14 am #68048Peter FeatherstoneParticipantHey Heather,
Nice to see you were able to figure it all out while I was sleeping! I’m on GMT time so seems were a bit out from eachother.
I’m not sure what you mean by a vertical rule. Do you just mean a right pink border on the container?
Please advise
Peter
July 21, 2018 at 2:08 pm #68047Heather McCallumParticipantNo problem at all – Everybody needs sleep! I’m rarely quite this persistent, but in this unique case, I had to push myself more than usual.
FYI:
The hamburger menu on the home page was a specific client request, implemented during the final stage. I did do an IE 11 cross browser check, but unfortunately this was before I added the menu. I didn’t check again. Later, we discovered IE 11 to be a hot mess – nearly unrecognizable. I tracked the errors down to the hamburger menu…a syntax that was used which IE 11 doesn’t support. I went around and around with the plugin developer and various forums looking for a solution. The programmer said he couldn’t fix it – he’d have to rewrite the whole thing. Almost 2 weeks later I can finally put this to rest!Thank you for your patience. I’ll be sure to keep my future posts topic-specific with less venting 🙂
~~~~~~~~~~~~~~~
I found a screen shot of the old menu plugin, which shows the hairline or 1 pixel rule, vertically on the left of container:
https://lavidaapartments.com/wp-content/uploads/2018/07/Capture.jpgThis isn’t a requirement by the way. Unless you know of an easy setting, we can disregard. I did see the border options (around the menu links) but that will probably make it too busy.
Have a great weekend!
July 21, 2018 at 3:07 pm #68046Peter FeatherstoneParticipantHey Heather,
Unfortunately different browser issues are some of the worst problems in web design. I honestly wish we just had 1 and then we could make all websites work for it and we wouldn’t have these problems!
In either case, I’m glad my plugin was able to sort your problems for you easily enough 🙂
In regards the pink vertical line, it should be as simple as the below Custom CSS:
#responsive-menu-pro-container { border-left: 1px solid pink; }
Please let me know if that’s what you meant.
Peter
July 21, 2018 at 8:50 pm #68045Heather McCallumParticipantThanks – that works.
It came out a little light, so I tried to use #CD237B but none of my attempts worked
#responsive-menu-pro-container { border-left: 1px; border-left-color: #CD237B; }
…I tried a couple other variations of this – no joy.
July 21, 2018 at 9:53 pm #68044Peter FeatherstoneParticipantHey Heather,
You have missed the second parameter in the CSS I provided.
Mine was just an example, you just need to change the part that says
pink
with#CD237B
All the best
Peter
-
AuthorPosts
- The topic ‘css – hide menu from pages’ is closed to new replies.