StrikeIron
Forum Replies Created
-
Howdy skruglewicz,
What seems to be happening is that your header menu is overlapping with ShiftNav on smaller screens, preventing the burger from being clicked or tapped.
This overlap can be prevented by hiding the header menu when viewed on smaller screens. The following CSS should do the trick and the pixel value can be modified to your liking.
@media screen and (max-width: 900px) { #navbar { display: none !important; } }Forum: Plugins
In reply to: [ShiftNav - Responsive Mobile Menu] Not working at allHowdy avalonWP,
Please ensure the “Display Main ShiftNav” option is selected in the Main ShiftNav Settings.
Additionally you might consider disabling all other plugins temporarily to ensure there isn’t a conflict with one of your existing plugins. If so, re-enable the plugins one-by-one to identify the conflict.
-Alex
Forum: Plugins
In reply to: [ShiftNav - Responsive Mobile Menu] Change Colours via CSSIt’s ok, give this CSS a try. I think it will do the trick.
/* Current Menu */ .current-menu-item.shiftnav-depth-0 .shiftnav-target { color: red !important; /* Link Color */ background-color: green !important; /* Background Color */ } /* Non-Current Menu */ .shiftnav-depth-0 .shiftnav-target { background-color: yellow !important; /* Background Color */ } /* Menu Items */ .shiftnav-depth-1 .shiftnav-target { background-color: blue !important; /* Background Color */ }Forum: Plugins
In reply to: [ShiftNav - Responsive Mobile Menu] Change Colours via CSSHowdy Tim,
I highly recommend the Page Inspector tools built into Chrome and Firefox for easy identification of various CSS classes. Simply right-click the element in question and choose “Inspect Element” to discover all current styles and to test out new ones in real-time.
Alternatively if you provide the link to your site I would be happy to steer you in the right direction.
More Info:
https://developer.chrome.com/devtools
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector-Alex
Forum: Plugins
In reply to: [ShiftNav - Responsive Mobile Menu] Toogle bar hight and Burger sizeHappy to lend a hand SevenSpark. Big fan of your plugin!
Forum: Plugins
In reply to: [ShiftNav - Responsive Mobile Menu] Toogle bar hight and Burger sizeTo increase the burger size, increase the ‘Font Size’ on the ‘Tool Bar’ settings tab.
To decrease the height of the toggle bar, decrease the top and bottom padding on the .shiftnav-toggle class. E.g.,
.shiftnav-toggle {
padding-top: 4px !important;
padding-bottom: 4px !important;
}I’m quite embarrassed to admit I’ve identified the problem and it was indeed my own!
On the native YouTube widget I accidentally truncated the <script> tag to platform.js. I ended up removing that script reference entirely in favor of just piggybacking off USM+ which seems to load that script for me. Is that ok to do?
Thanks again! A review has been left.