Home › Forums › Support › Centring secondary menu on mobile and making main mobile menu non transparent
- This topic has 18 replies, 3 voices, and was last updated 6 years, 11 months ago by Leo.
-
AuthorPosts
-
May 24, 2017 at 3:23 am #323359Olga
Hello,
I have used the advice to disable secondary menu collapsing in mobile. It is not collapsing anymore, but instead of being centred its left justified (even though the css tells it to centre) and stacked, I just want to fit it into one line.
While I am here, how do I make my primary mobile menu non transparent? its hard to see white words above light content
Olga
May 24, 2017 at 7:50 am #323479LeoStaffCustomer SupportHi there,
Can you provide a link to your site so we can take a look? Thanks!
May 24, 2017 at 7:54 am #323481OlgaSure, its cobbletales.com
May 24, 2017 at 8:17 am #323498LeoStaffCustomer SupportCan you try replacing this block of code that you’ve added:
.secondary-navigation .sf-menu>li { float: none; display: inline-block !important; }
To this:
.secondary-navigation .inside-navigation .main-nav .sf-menu>li { float: none; display: inline-block !important; }
Let me know.
May 24, 2017 at 8:25 am #323502OlgaNothing, actually – even if I delete that part, it does not affect the appearance
May 24, 2017 at 8:29 am #323505LeoStaffCustomer SupportI still only see the old code being added and not replaced by the new one.
Are you using a caching plugin?
May 24, 2017 at 8:35 am #323506OlgaTry now, I may have tried it and not saved. I am not sure what cashing plugin is so probably not.
May 24, 2017 at 8:37 am #323507LeoStaffCustomer SupportYup looks like it’s working for me: https://s21.postimg.org/msis0bpp3/2017-05-24_0836.png
Try clearing browser cache.
May 24, 2017 at 8:48 am #323511OlgaThank you, it does! I hope its ok to ask another question:
how do I make my primary mobile menu non transparent (after the hamburger is pushed)? its hard to see white words above light content.
I also would like to have the titles closer together so the whole menu would fit vertically on a screen, and have lines between titles for clarity. How do I achieve that. It feels like there are options that I am not aware of…Olga
May 24, 2017 at 9:05 am #323515LeoStaffCustomer SupportThis should work for mobile menu color:
@media (max-width: 768px) { .main-navigation { background-color: #000000; } }
The newest version of GP premium should have a height option for the mobile menu.
It’s in Customizer > Layout > Primary Navigation > Menu Item Height and click the mobile icon.May 24, 2017 at 9:29 am #323532OlgaWorks, thank you! We are almost there: could you have a look at the footer widget 3? says social icons…
My feeling is something is not right with the lightweight social icons plugin because it does not save the icons! I would not ask this here, but since you guys work on that plugin, perhaps you can help?
this widget always gets thrown after a major update, the others stay in place…May 24, 2017 at 9:55 am #323547LeoStaffCustomer SupportSo when you click save in Lightweight Social Icons widget window nothing happens?
May 24, 2017 at 10:02 am #323552Olgaexactly, I reopen the widget to find no icons there. May it have something to do with the fact that it is not tested on the current WP?
May 24, 2017 at 10:16 am #323559LeoStaffCustomer SupportDon’t think so. Just tested and it works for me.
Can you make sure a link is inserted along with the icon? If the link field is empty then the icon won’t be saved.
If not then can you try #1 on this page quickly?
https://docs.generatepress.com/article/debugging-tips/May 24, 2017 at 10:23 am #323561OlgaProblem is, there is no link field to the right of the icon choice. Where do I enter the url?
-
AuthorPosts
- You must be logged in to reply to this topic.