Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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 2 years ago by  mynick.
    #1159217

    Hey 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,
    Victoria

    #1159769

    Hey Victoria,

    Thank you for helping me out. Unfortunately this is not the solution I’m looking for. Please take a look at the screenshot.

    Enfold topbar

    As you can see a part of the bar (under the navigation) disappears.

    • This reply was modified 2 years ago by  mynick. Reason: added link
    #1160628

    Hi 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,
    Victoria

    #1160906
    This reply has been marked as private.
    #1161041

    Hi 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,
    Victoria

    #1161051

    I 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 :)

    #1161283

    Hi 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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.