Solved

Seeking Guidance on Site Display Issues

chaouchemohamed
Excursionist
26 1 2

 

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

IMG_20231205_105450_714.jpgScreenshot_2023-12-05-10-52-23-979.jpegScreenshot_2023-12-05-10-53-05-138.jpeg

Warm regards,

Mohamed

Accepted Solution (1)
Abdosamer
Shopify Partner
821 146 163

This is an 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;
}

}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Work samples

View solution in original post

Replies 6 (6)

Abdosamer
Shopify Partner
821 146 163

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

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Work samples
chaouchemohamed
Excursionist
26 1 2

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

Abdosamer
Shopify Partner
821 146 163

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

Abdosamer_0-1702042757625.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Work samples
chaouchemohamed
Excursionist
26 1 2

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

Screenshot_2023-12-05-10-52-23-979.jpegScreenshot_2023-12-05-10-53-05-138.jpegIMG_20231205_105450_714.jpg

 

 

Abdosamer
Shopify Partner
821 146 163

This is an 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;
}

}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Work samples
chaouchemohamed
Excursionist
26 1 2

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