Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • July 24, 2018 at 4:49 pm #989250
    hmt

    Hi,

    I want to put in a HTML-Field into the Header (for Adress and Contact-Data), beside the Logo, same Height on the right Side.
    How can I do that?

    … and I want to Change the Main-Navi Height. I found the follwing Code in the Support-Area.

    #header #header_main_alternate .container {
    padding: 0!important;
    }
    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
    height: 38px;
    line-height: 38px;
    }
    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    height: 38px;
    }

    that doesn’t work.

    I use an Enfold-Child-Theme.

    Thanks
    Mick

    July 24, 2018 at 7:45 pm #989318
    Jordan Shannon

    Hey hmt,

    Do you mean you want to add content in the header near the logo? If so please refer to the following:

    Header

    Best regards,
    Jordan Shannon

    July 25, 2018 at 12:02 am #989447
    hmt

    Hi Jordan,

    i created a Widget, i put the PHP-Code into the Enfold-Child functions.php, as described in the Documatation, that works so far, i can see the Widget on the top of the Site. But i can’t find the CSS-Code to place that Widget right beside the Logo on the right side of the Header.

    I want to change the height of the Main-Navigation, the CSS-Code i posted in my first Request doesn’t work

    Thanks
    Mick

    July 26, 2018 at 10:39 am #990166
    Victoria

    Hi Mick,

    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

    
#custom_html-3 {
  width: 30%;
    top: 134px;
    left: 630px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 26, 2018 at 4:43 pm #990307
    hmt

    Hi Victoria,

    thank you for your answer.

    I’ve modified your Code to

    #custom_html-3 {
    width: 30%;
    top: -21px;
    left: 1260px;
    z-index: 100;
    position: absolute;
    }

    that works when Browserwindow is on Full-Size, but if i reduce the Size of the Window it stays static on the same Place cause its not in relation to the Logo.

    Best regards,
    Mick

    July 26, 2018 at 6:26 pm #990338
    Jordan Shannon

    Hi,

    I see it left aligned on mobile. Would you prefer it centered on mobile?

    Best regards,
    Jordan Shannon

    July 26, 2018 at 7:05 pm #990353
    hmt

    Hi,

    no i mean Desktop/PC/Laptop we dont know actualy if we want it displayed on Mobile.

    Best regards,
    Mick

    July 26, 2018 at 7:18 pm #990359
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 1227px)  {
#custom_html-3{
padding-right:135px!important;
}}

    Best regards,
    Jordan Shannon

    July 26, 2018 at 7:48 pm #990370
    hmt

    Hi,

    its a bit more left. But the effect is the same.

    I think the problem is that the Enfold-Theme generates the widget in a div over the header, not in the header div itself.

    Best regards,
    Mick

    July 26, 2018 at 7:51 pm #990371
    Jordan Shannon

    Hi,

    It is, so the proposed solution used media queries to essntially “follow” the edge of the browser and use right padding to prevent it from being overtaken.

    Best regards,
    Jordan Shannon

    July 26, 2018 at 7:58 pm #990375
    hmt

    Hi,

    i dont understand what you mean. What should I do now.

    Best regards,
    Mick

    July 26, 2018 at 8:03 pm #990381
    Jordan Shannon

    Hi,

    With my code still in place can you send me a screenshot of what you are seeing. As I am viewing it my code solves the issue, but I want to see your view.

    Best regards,
    Jordan Shannon

    July 26, 2018 at 8:24 pm #990387
    hmt

    Hi,

    here is the Account, the Site is on Maintanace-Mode, when you login in the Backend you can see what I see in the Frontend.

    Best regards,
    Mick

    July 26, 2018 at 8:27 pm #990391
    Jordan Shannon

    Hi,

    Thank you, but I have the login info already which is how I was able to view the issue initially. I’m requesting a screenshot so I can see the problem from your point of view as it may look completely different from what I’m seeing.

    Best regards,
    Jordan Shannon

    July 26, 2018 at 9:28 pm #990446
    hmt

    Hi,

    how can I upload the Screenshots via that Blog?

    Best regards,
    Mick

    July 26, 2018 at 10:04 pm #990474
    Victoria

    Hi Mick,

    You can upload screenshots to a service like Dropbox and give us the links here.

    Best regards,
    Victoria

    July 27, 2018 at 1:18 pm #990683
    hmt

    Hi,

    thank you for your patience, we solved that problem now with a Background-Image in the Header.

    Thanks
    Mick

    July 27, 2018 at 6:08 pm #990802
    Jordan Shannon

    Hi,

    I’m glad you were able to get that resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘HTML-Field beside Logo, Main-Navi Height’ is closed to new replies.