How can I fix coding issues affecting my site's visual presentation?

[chaouchemohamed]

Dear shopify community,

I hope this message finds you well. I'm currently facing a couple of coding-related issues on my site that have been affecting its visual presentation.

Firstly, despite my best efforts in coding, the complete name of my site isn't displaying correctly. This issue significantly impacts the site's appearance, and it's crucial to me that the site name is fully visible and consistently rendered across all pages.

Secondly, I've noticed a specific discrepancy, particularly on mobile devices, concerning the "image banner." On mobile screens, the image banner fails to occupy the entire display area, whereas it scales correctly on desktops. Notably, even on desktops, the image doesn't precisely occupy the entire space, although it was previously coded to do so.

I'm reaching out for guidance or advice regarding these coding challenges. Your expertise was instrumental in coding the image to occupy the entire screen space on desktops, and I seek your valuable insights on ensuring both the complete site name display and a responsive image banner that fully utilizes the available screen space on all devices.

Thank you sincerely for any support or recommendations you can provide. Your assistance will significantly enhance the visual appeal and user experience of my site.

M'y website: Classy-interior.com

Warm regards,

Mohamed

[Abdosamer]

Hi @chaouchemohamed , How do you want the name of your store to be displayed?

[chaouchemohamed]

Classy-interior, but i don't want to change my website just to fixe the error

[Abdosamer]

@chaouchemohamed , it is displayed as Classy-interior, what do you want to change exactly?

[chaouchemohamed]

I'm sorry, I misunderstood your message. 

-What I would like is to put the name of my site on the right line. 

-and that my landing page or "banner image" occupies the entire screen on computer or mobile. On the computer there's a small space but on the phone it's completely exaggerated because it doesn't take up the whole screen. 

I deeply appreciate your willingness to assist with my website coding. Your expertise and support mean a lot to me

I wish you an excellent end of day/evening

[Abdosamer · Accepted solution]

@chaouchemohamed , No problem, to make the image banner occupy full screen on mobile go to section-image-banner.css and add the following code :

@media (max-width:749px){
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 100vh !important;
}

}

[chaouchemohamed]

You are an Angel thank you to help me for a thing that made me live hard Time (sorry for my Bad english)