-
-
Hello,
I have some issues regarding the mobile view, which I need fixed.
[URL=https://www.imagebanana.com/view/gc2atbhp/image1.PNG][IMG]https://i.imagebanana.com/img/gc2atbhp/thumb/image1.PNG[/IMG][/URL]
https://www.imagebanana.com/view/gc2atbhp/image1.PNG
1. White Menu Bar should be removed, as I dont have any menu. Instead only Logo should be shown centered.
2. Slider Content should have full view including complete text and button.
3. Counddown timer should be shown without bugs in the mobile vie too.
[URL=https://www.imagebanana.com/view/24g6dbu8/image2.PNG][IMG]https://i.imagebanana.com/img/24g6dbu8/thumb/image2.PNG[/IMG][/URL]
https://www.imagebanana.com/view/24g6dbu8/image2.PNG
4. Call to action and Smartphone Image should appear more centered.
Many thanks for help!
-
-
Hello,
Sorry for the late reply.
1-Please go to file css/bootstrap-responsive.css and find these lines:.section_clear{margin-left:0; margin-right:0;} .vc_column{padding-left:0; padding-right:0;} #logo{ float:right; left:0 !important; right:0 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
Remove the
!important
fromleft:0 !important;
Save changes.2-I added this code into your custom css box:
@media (max-width: 480px){ #logo { left: -19px !important; } .top_wrapper { padding-top: 112px !important; } .codeless_slider_swiper { height: 550px !important; min-height: 550px !important; } .codeless-slider-container.swiper-parent.swiper_slider.codeless_slider { height: 550px !important; } .countdown_show4 .countdown_section { width:100% !important; } .vc_column_container>.vc_column-inner { margin-left: 20px !important; } }
To cover all other points. This is the result:
https://pho.to/Ahk93
https://pho.to/Ahk98
https://pho.to/Ahk9F
Please clear cache and refresh page. Let us know.Best regards!
-
-
Hello,
-Please edit the value, in:
#logo { left: -19px !important;}
from the code above to -49px.-Even if you make the background transparent, this won’t happen. First because the gray background is of the slider, not header. The slider is below header, not under it. So making header background transparent won’t make a change.
Add this code too, inside the
@media
rule:.header_wrapper { background: background: rgb(128, 128, 128); !important; } .background--dark #logo img.light { display: block !important; visibility: visible !important; } .background--dark #logo img.dark { display: none !important; visibility: hidden !important; }
Result screenshot.
Please know that these are personal customizations normally not included in support.Best regards!
-
You must be logged in to reply to this topic.