Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • August 15, 2019 at 9:35 am #1127868
    hmt

    Hello,

    i want to show a Background-Image in the Header. (or background-color: #ffcc00)

    I use an Enfold-Child Theme and load the Image via custom style.css.
    It works fine on PC and Tablet. And if I resize the Browser-Window to Mobile-Size it disappears (on Firefox it Works !!!!)
    and on iPhone I see no Background or Bg-Color.

    And in the Footer I want to remove the Copyright (which is not the normal Copyright its Menu-Point 3 in the Footer-Menu) only on Mobile.
    This works also only on Firefox with resized Browser-Window.

    Thanks Mick

    August 15, 2019 at 9:22 pm #1128089
    hmt

    Hello,

    please could you give us an answer.
    Its very urgent.

    Tanks Mick

    August 16, 2019 at 5:36 am #1128134
    Rikard

    Hi,

    The background image is there, but the header is not high enough. Please try the following in Quick CSS under Enfold->General Styling:

    @media (max-width: 480px) and (min-width: 320px) and (orientation: portrait) {
#header_main {
    height: 155px;
}
}

    Best regards,
    Rikard

    August 16, 2019 at 10:29 am #1128221
    hmt

    Hi,
    sorry for the second identical Post, this was my impatient Partner.

    So, now it works on IPhone in Portrait-Mode, both, the Header and the Footer will shown correct.
    But in Landscape-Mode both Problems are the same as before.

    Thanks Mick

    August 16, 2019 at 1:22 pm #1128255
    Victoria

    Hi hmt,

    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

    
@media only screen and (max-width: 990px) {
    .header_color .header_bg {
      background-color: #ffcc00;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 16, 2019 at 2:52 pm #1128265
    hmt

    Hi,
    fine, everything works now.

    Thanks Mick

    August 17, 2019 at 4:54 am #1128413
    Rikard

    Hi Mick,

    Great, I’m glad that you got it working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 17, 2019 at 1:48 pm #1128477
    hmt

    Hi Rikard,

    we saw that the Header Problem is solved.
    But the Footer Problem is the same as before.
    On iPhone in Portrait-Modus everything will shown correct, there is no Copyright (this is not the normal Copyright, its Menu-Point 3 in the Footer-mer) and the Fotter is set to relative.
    But in the Landscape-Modus the Copyright appers and the Footer is not relative. In Custom-Style.ccs everything is set correct.

    Thanks Mick

    August 18, 2019 at 5:19 am #1128584
    Rikard

    Hi Mick,

    Thanks for the update. Could you post a screenshot of the footer problem and point out exactly what you would like to change in there please?

    Best regards,
    Rikard

    August 18, 2019 at 12:34 pm #1128637
    hmt

    Hi Rikard,
    thanks for your reply.
    This concerns the footer for iphone in landscape mode only:

    1. I would like to eliminate the “C Copyright Hausarztpraxis-Kelkheim” completely.
    2. I would like the complete footer to be at the end of each page and not static, like it is now.

    The Screenshot-link can be found under private content.

    Thanks for your help!

    PS: In portrait mode it works perfectly on the iphone, none of the above issues can be seen.

    August 20, 2019 at 4:18 am #1129088
    Ismael

    Hi,

    Thank you for the update.

    You can use the following css code to do both.

    @media only screen and (max-width: 767px) {
   #socket {
       position: relative;
    }

    #socket #menu-item-43 {
         display: none !important;
    }
}

    This should move the socket below the content container and hide the copyright.

    Best regards,
    Ismael

    August 20, 2019 at 9:03 am #1129158
    hmt

    Hi Ismael,
    yaeh, that works fine, thank you very much.

    Only one little thing, how can I center the footer-navi in iphone landscape-mode

    Best regards,

    Mick

    August 20, 2019 at 8:18 pm #1129313
    Victoria

    Hi Mick,

    https://cl.ly/7f495ddbd8e1 It looks centered on my end.

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    August 20, 2019 at 11:57 pm #1129374
    hmt

    Hi Victoria,

    thank you, but i mean the iphone landscape mode.

    Best regards,
    Mick

    August 21, 2019 at 6:33 am #1129452
    Ismael

    Hi,

    You can include this code inside the css media query that we created recently.

    #socket .menu {
    text-align: center;
}

#socket .sub_menu_socket li {
    float: none;
    display: inline-block;
}

    Thank you for the update.

    Best regards,
    Ismael

    August 21, 2019 at 10:15 pm #1129788
    hmt

    Hi,

    everything works.

    We thank you for your patience and we can close the thread now.

    Best regards,

    Mick

    August 21, 2019 at 10:38 pm #1129792
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Header Background not shown in Mobile-Version’ is closed to new replies.