LEAVES AN UNNECESSARY SPACE BAR BETWEEN THE BAR WHERE THE LOGO...

dcstudios24

HELLO GOOD DAY. THE TEMPLATE "light_church" HAS THE PROBLEM IN MOBILE DEVICES, THAT LEAVES AN UNNECESSARY SPACE BAR BETWEEN THE BAR WHERE THE LOGO IS AND THE TOP BLACK BAR WHERE IT SAYS FOR EXAMPLE (HOME). SOME SOLUTION ?, THANK YOU, GREETINGS.
* ATTACHED IMAGE CAPTURED SCREEN.

2_PROBLEM_BAR_WITH_SPACE_ABOVE_THE_LOGO_BAR_MOBILES

aman204

dcstudios24 Try add this to custom.css file:

@media screen and (max-width: 1180px){#s5_body #s5_responsive_mobile_sidebar_body_wrap_inner #s5_body_padding #s5_menu_wrap {top: 48px !important;}}

Finding custom.css or you may create a new file with similar name (if it doesnt exist) ::

Shape 5 templates ship with an empty custom.css file in the /css/ subdirectory of your template. Simply add your styles to this file and they will be included in your layout.

Kindly ensure to clear your browser cache if changes dont reflect

dcstudios24

Hello, I confirm that if I continue to work ONLY when the mobile device is vertical, then horizontally, or as I saw the phone does not fit at all and the bar still appears ... please, you could propose a solution that works for any mobile, tablet, vertical, horizontal, etc ?, thanks. aman204

Ninja

dcstudios24
Hi
Your site us loading a different style code as compare to demo site.
I need site super user login to see the fils and FTP details.
Kindly edit fields in first post and submit the details for staff : https://cl.ly/3y3R0p24250G

Regards

aman204

dcstudios24 I saw the phone does not fit at all and the bar still appears ...

To be precise, Can you provide screenshot as to where the logo is leaving space now as seen in screenshot in parent topic in responsive mobile mode

dcstudios24

HI. GOOD DAYS IN THIS POST I HAVE ALREADY SENT MY ACCESS CREDENTIALS. THANKS GREETINGS.Ninja

https://www.joomlart.com/forums/d/17448-with-this-ticket-i-send-my-credentials-of-access

dcstudios24

THANK YOU, NOW I SAW THE CHANGE AND IT IS NOT LEAVING ME ANY MORE THE BLANK SPACE, I DO NOT KNOW THAT IT DEPENDED, BUT IT SOLVED, ALWAYS AT THIS POINT: I REALIZE THAT THE LOGO IN THE MOBILE DEVICES, IS NOT FULLY CENTERED, AND THIS A LITTLE TO THE LEFT OF FEW PIXELS. IS IT POSSIBLE TO SOLVE IT ?, GREETINGS, THANK YOU.aman204

aman204

dcstudios24 I REALIZE THAT THE LOGO IN THE MOBILE DEVICES, IS NOT FULLY CENTERED, AND THIS A LITTLE TO THE LEFT OF FEW PIXELS. IS IT POSSIBLE TO SOLVE IT ?

Try add this to custom.css file :

@media screen and (max-width: 1180px){#s5_logo_wrap {margin:0 auto !important;}}

dcstudios24

HELLO, I JUST HAVE TESTED ITS CODE, BUT THE LOGO ALWAYS FOLLOWS ONLY ON THE MOBILE DEVICES A LITTLE TO THE LEFT... aman204

Ninja

dcstudios24
Hi
its not in the left side, the logo has slightly on the right side.
Add this code in custom.css file to remove the logo padding from left



@media screen and (max-width: 1180px){#s5_menu_wrapitems {padding-left: 0px;}}

Regards

dcstudios24

Hi, thank you for you answer. Problem solved. Greetings thank you.Ninja