Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 30, 2025 at 8:07 am #1476006
    bemodesign

    NSFW
    Mobile view top image doesn’t go all the way to top and logo/menu are squeezed in on the blissfullcreations.com site.
    This website used to show correctly on mobile view, but now it doesn’t. I included 2 screenshots of 2 of my sites. 1 shows correctly and the image goes all the way to the top of the phone with no space at the top, And, the logo and cart are spread out and close to the edges of image area.

    So, can you get me CSS code for the “incorrect” one that has space at the top and the logo and cart and squeezed in too tight?

    Thanks

    January 30, 2025 at 12:55 pm #1476011
    Rikard

    Hey bemodesign,

    I can’t see any screenshots in your post, please try linking to them again.

    Best regards,
    Rikard

    January 30, 2025 at 6:06 pm #1476023
    bemodesign

    NSFW
    Attached. I marked in green, the issues. it needs to be completely to the top of mobile and logo/cart spread out to the edges more. It was before, so not sure what happended with CSS.
    thanks!

    January 31, 2025 at 6:10 pm #1476101
    bemodesign

    Let me know. thanks

    January 31, 2025 at 8:20 pm #1476111
    Rikard

    Hi,

    Thanks for that. It looks like that is picking the body background colour or something similar. You could try this CSS out to see what happens:

    html, body {
  background-color: yellow !important;
}

    Best regards,
    Rikard

    February 1, 2025 at 2:48 am #1476124
    bemodesign

    Wait, how will this help the formatting on mobile view issues? The top part should go all the way up, like the good screenshot website. And Blissfull also need to have the logo and cart images spread out more, instead of compacted. thanks

    February 1, 2025 at 8:21 am #1476131
    Guenni007

    against that squeeze :

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header .container {
    width: 97%;
    max-width: 97%;
  }
  #menu-item-shop .cart_dropdown_link {
    padding: 0 25px;
  }
   /* === against that jump on header positioning  absolute / fixed === */
  .responsive #top #wrap_all #header.av_header_transparency {
    position: fixed !important;
  }
}
    February 1, 2025 at 8:52 am #1476132
    Guenni007

    on mobile less than 767px – is it intentional that the logo is that big?
    because the header height and all line-height are set to 80px but your logo is set to 120px.

    if you like to have an overlapping logo like:

    then you need some extra css.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.