- This topic has 24 replies, 3 voices, and was last updated 5 years, 12 months ago by Leo.
-
AuthorPosts
-
December 16, 2017 at 3:13 pm #451108Mike
Hello,
Ideally no logo in the sticky menu. Sorry for the late response! Busy using your theme in other places…. π
Thanks,
MikeDecember 16, 2017 at 8:41 pm #451188LeoStaffCustomer SupportThere aren’t any logo in the sticky menu currently.
I checked the contact page.
December 17, 2017 at 6:30 am #451349MikeHello,
What I am trying to achive is to get the user icon and basket icon over to the right hand side of the sticky menu and then the slideout menu over to the left.
Thanks,
MikeDecember 17, 2017 at 10:23 am #451520LeoStaffCustomer SupportOk so if that’s for sticky menu only, you will first need to add a custom class,
sticky-right
, to the user icon: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classesThen use this CSS to float right:
@media (min-width:769px) { .main-navigation.navigation-stick .main-nav ul li.sticky-right a .main-navigation.navigation-stick .main-nav ul li.wc-menu-item a { float: right !important; } }
December 17, 2017 at 12:47 pm #451597MikeHello,
Added all that. Seems not to be working. Let me clarify what I am trying to achive. I need the slideout menu icon to appear on the left of the sticky menu that appears when you scroll down the page, and the user icon and shopping cart to appear on the left side, in that order.
So ultimatly when the user scrolls down they see the sticky menu with the sideout menu icon on the left, and the user icon and basket icon on the right.
Thanks,
MikeDecember 17, 2017 at 2:22 pm #451637LeoStaffCustomer SupportI’m not seeing the code being added which is likely because you have WP Fastest Cache activated.
Can you disable it for now while we try to make this work?Next, remove this CSS:
https://generatepress.com/forums/topic/primary-menu-not-displaying-on-mobile-and-slide-out-nav-questions/#post-448247Then try the CSS I’ve edited above: https://generatepress.com/forums/topic/primary-menu-not-displaying-on-mobile-and-slide-out-nav-questions/page/2/#post-451520
December 18, 2017 at 2:34 pm #452475MikeHello,
I have added the amended CSS and deleted the old stuff, also deactivated WP fastest cache. Still seems to be playing games with us! Any ideas what to do next? Appreciate the help! π
Thanks,
MikeDecember 18, 2017 at 6:29 pm #452550LeoStaffCustomer SupportHmm I’m not seeing the CSS being added.
How did you add it?
April 4, 2018 at 3:01 pm #541368MikeHello,
Sorry for never getting back regarding this. This website ended up taking a back seat for a few months while I worked on other projects.
I today went back onto the site to see how it was and managed to fix both the above problems! I will post my fixes below…
Adding Social Icons to Slideout Menu
This was a fairly easy fix based off the code Tom had already given me. I simply had to exchange
generate_inside_navigation
forgenerate_after_slideout_navigation
and this added my shortcode for the social icons widget below the menu. My full code ended up being,add_action( 'generate_after_slideout_navigation','social_media_pullout_menu' ); function social_media_pullout_menu() { ?> <?php echo do_shortcode("[do_widget id=simple-social-icons-2]"); ?> <?php }
I also wrote some CSS to make the icons bigger,
ul.aligncenter li svg, ul.aligncenter li a { width: 30px !important; height: 30px !important; }
And had to give them some padding so the bottom menu item did not interfere,
ul.aligncenter{ padding-top: 15px; }
Menu Icons Displaying In The Center Of The Screen When Scrolling
This transpired to be a fairly easy one, and it makes me question what my head was doing last year…
It simply needed the menu icons text aligning to the left! Simple CSS…
#menu-icons{ text-align: right; }
And there we have it. Both problems fixed! Thanks both Tom and Leo for your help, and once again, sorry for not responding sooner!
Thanks,
MikeApril 4, 2018 at 5:53 pm #541458LeoStaffCustomer SupportGlad you figured out! π
-
AuthorPosts
- You must be logged in to reply to this topic.