Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 17, 2022 at 3:53 pm #1376473
    jeel147

    Hello, here
    jmcwebdesign.nl/zsb
    im having this background logo which is only half visible on a mobile.
    i want it to be totally visible.

    this was my code, but it is not enough probably, as the problem is still there.
    (strange thing is that on https://jmcwebdesign.nl/caroline/ the SAME code did the job.
    do you know what is going wrong?
    best regards, jelle vanhijfte

    @media only screen and (max-width: 1200px) {
.html_header_top.html_bottom_nav_header #header_main {
    background: transparent url(https://jmcwebdesign.nl/zsb/wp-content/uploads/2022/12/jetcronelarge.jpg) top left no-repeat;
    background-size: cover; } }
    December 17, 2022 at 3:54 pm #1376474
    jeel147

    the link is: https://jmcwebdesign.nl/zsb/

    December 17, 2022 at 8:13 pm #1376533
    Rikard

    Hi,

    Could you post a screenshot highlighting the problem, or what you would like to achieve please?

    Best regards,
    Rikard

    December 18, 2022 at 10:25 am #1376556
    jeel147

    Hello
    here is the screenshot. As you can see the logo on this mobile phone is only showing half , but on a pc you can see the whole of it.

    best regards , jelle

    https://jmcwebdesign.nl/wp-content/uploads/2022/12/Screenshot_20221218-092121_Samsung-Internet.jpg

    December 18, 2022 at 12:55 pm #1376576
    Rikard

    Hi,

    This is what I see on my end on mobile: https://snipboard.io/MpxPmA.jpg. How can we reproduce the results in your screenshot?

    Best regards,
    Rikard

    December 19, 2022 at 9:39 am #1376670
    jeel147

    Hello
    ive migrated the site so we can start from scratch

    Rouwen

    youll see on a desktop the logo is too small
    on a mobile its oke now

    how can i get the logo bigger?

    • This reply was modified 1 year, 11 months ago by jeel147.
    December 19, 2022 at 2:49 pm #1376722
    Yigit

    Hi,

    I have commented out following code in Quick CSS field

    
#header_main_alternate {
    margin-top: 159px !important;
}

    then, went to Enfold theme options > Header, set header size to “custom pixel value” and set the height to 170px.

    Please review your website :)

    Best regards,
    Yigit

    December 20, 2022 at 10:55 am #1376846
    jeel147

    Looks good Yigit, thanks!
    you can close this one
    best regards, jelle

    December 20, 2022 at 12:06 pm #1376859
    Yigit

    Hi Jelle,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘make header space adapt to logo’ is closed to new replies.