-
AuthorPosts
-
November 20, 2019 at 2:47 pm #1158484
Hi guys,
Can somebody please tell me what I need to do to increase the height of the topbar and keep the text vertically centered?
I tried to find the CSS myself, but I couldn’t get it right without impacting the navigation/slider underneath.min-height is currently ( by default ) at 30px. I’d like to have my topbar 40px high. Unfortunately simply changing this value impacts the navigation/slider underneath.
#header_meta .container { min-height: 30px; }
Private data below.
Thanks in advance for the help ;).
- This topic was modified 5 years, 1 month ago by mynick.
November 22, 2019 at 4:54 pm #1159217Hey mynick,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .phone-info { line-height: 36px; } #top #header_meta .sub_menu { top: 18px; } #header_meta .container { min-height: 50px; }
If you need further assistance please let us know.
Best regards,
VictoriaNovember 25, 2019 at 9:42 am #1159769Hey Victoria,
Thank you for helping me out. Unfortunately this is not the solution I’m looking for. Please take a look at the screenshot.
As you can see a part of the bar (under the navigation) disappears.
- This reply was modified 5 years, 1 month ago by mynick. Reason: added link
November 27, 2019 at 2:21 pm #1160628Hi mynick,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.page-id-37 #wrap_all #main #av_section_1.avia-no-border-styling { margin-top: 20px; }
If you need further assistance please let us know.
Best regards,
VictoriaNovember 28, 2019 at 11:12 am #1160906This reply has been marked as private.November 28, 2019 at 4:47 pm #1161041Hi mynick,
The original page I looked at did not have a sub-menu there and the issue does not exist on all pages. The kind of input we get, the kind of reply you get.
You know your website layout and you can be more proactive to get a better result by being more specific in the first place.
You can try this code and test it if you need a solution:
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 150px; }
Best regards,
VictoriaNovember 28, 2019 at 4:58 pm #1161051I read my last reply and maybe I came of a bit strong. I apologize. And yes, maybe I dont express myself correctly or maybe I dont fully explain the problem.
However, it’s not just me. I honestly believe that a lot of replies I get are only the half of the solution or are not thorough enough. I can also not share something with you if I don’t realize that it might be relevant. I reread my first post and I tried to explain the situation as good as I could,…
Also nobody is stopping you to check if your provided CSS impacts the other pages. To me that’s also pretty straight-forward…
Back on topic:
The css you provided does not change anything on my end, even after clearing cache and disabling plug-ins.I’m considering just having the standard topbar… Who knew increasing the height of something could be so hard…
Cheers :)
November 29, 2019 at 5:26 pm #1161283Hi mynick,
I don’t just give you the code, I tested in your browser and it worked on the page with the sub-menu and did not affect the page without it. So there can be an error in your Quick css so the code does not work or a more specific selector is needed in this case.
Do you always create a perfect solution at once? We live in a world where there are many iterations of things being done. They are built, tested and adjusted. And so if you really want the top bar bigger we can still try to work out a solution. If not, we can close the tread.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.