- This topic has 7 replies, 3 voices, and was last updated 3 years, 12 months ago by Tom.
-
AuthorPosts
-
March 28, 2020 at 2:00 am #1212735Coen
My wife has her own little website and decided that she wanted a cleaner look of it. And I have been using GeneratePress Premium for quiet some time.
So I am messing with a staging site and imported the Wordsmith site onto it.
It’s is the first time I am using blocks (Normally I’m using Elementor) and it feels good. I will mess with it some more. But for now I’m quite happy and I have the feeling that she will be able to transform the rest of the content into what she feels good about.
The only thing I see that I don’t like in this case, is the secondary menu under blogs.
Can you point me in the right direction where I can solve the strange offset?
MEANWHILE:
I had contact with Mike Oliver, to ask the same question via mail.
His response was:
In the custom css try removing this…
/* center align text in menus */ .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a { text-align: center; }
There is a new version of Wordsmith coming out that is built with GenerateBlocks, you may want to try it out. I’m not 100% sure when it is getting added to the library but it will be soon. A lot of that custom css is no longer needed since Elements came out and using GenerateBlocks.
Which I tried with no avail.
Now I can email back and forth with him, but I believe in the power of many and hope to help others as well, that’s why I turn to you gurus here.
Can you help me out?
March 28, 2020 at 5:53 am #1212882DavidStaffCustomer SupportHi there,
can you disable your Cache – as it looks like that is messing with the CSS. Let me know
March 28, 2020 at 8:44 am #1213149CoenSwift Performance -> Caching off = no change?
I disabled the Swift Performance plugin now, still no change…
March 28, 2020 at 9:44 am #1213211DavidStaffCustomer SupportOdd the menu item padding shouldn’t be affecting them the way they are.
Try adding this CSS:
.main-navigation .main-nav ul ul li a { padding: 20px 10px; }
and removing the CSS for centering the text.
March 28, 2020 at 1:00 pm #1213377CoenHeya David,
Yes, that looks a lot better.
Is there, any way I can move over the little arrows a litte to the right?
March 28, 2020 at 4:05 pm #1213509TomLead DeveloperLead DeveloperHi there,
You can adjust the padding with this CSS:
.menu-item-has-children .dropdown-menu-toggle { padding-right: 50px; }
March 28, 2020 at 4:29 pm #1213519CoenJust the perfect answer! Now I can toggle with it the way I like.
It is a hit and miss the way I sometimes look for those classes. Finding it very difficult to find the right names. Even if things have changed over the years for the better, with the inspect options in a lot of browsers. But the times I need it, are very rare and then I forget how it was again.
Thank you very much for being there for all of us and pointing us in the right direction at times in need.
March 29, 2020 at 9:48 am #1218666TomLead DeveloperLead DeveloperNo problem! I’m glad I could help 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.