Okay
  Public Ticket #1048285
Home Page Slider Text Covers Logo
Closed

Comments

  •  2
    John started the conversation
    February 3, 2017 at 10:11pm

    Hi,

    The text on the home page slider covers the logo on desktop (please see attached file). This issue is not present on mobile. Can you please help?

    Kind regards,

    John

  •  840
    Jelly replied
    February 6, 2017 at 9:33am

    Hi,

    I had updated it for you now, please check your website.

    Best Regards,
    Jelly Team

  •  2
    John replied
    February 7, 2017 at 1:16pm

    Thanks but it is now problematic on landscape view on the mobile phone...this may have been an issue before and I missed it but check out the screenshot attached.

    Can I also ask what changes you made for future reference?

    Kind regards,

    John

  •  2
    John replied
    February 7, 2017 at 1:17pm

    Apologies, forgot the attachment

  •  840
    Jelly replied
    February 7, 2017 at 2:29pm

    Hi,

    Maybe you can tell me the mobile device version you had used to check it? I checked it with iphone 6s plus and I don't see this problem in my phone.

    Best Regards,
    Jelly Team

  •  2
    John replied
    February 8, 2017 at 3:55pm

    I used the iPhone 7 in landscape mode.

    Kind regards,

    John

  •  840
    Jelly replied
    February 9, 2017 at 12:33pm

    Hi,

    I tried update css now, maybe you can check it in your side?

    Best Regards,
    Jelly Team

  •  2
    John replied
    February 9, 2017 at 6:40pm

    Nearly, just needs shifting up a bit (see screenshot) - If you tell me the CSS elemnt you are working with I can play about with it.

    Kind regards,

    John

  •  840
    Jelly replied
    February 9, 2017 at 10:00pm

    Hi,

    This is full custom style:

    #footer .scrollup, #footer .thanks {display: none;}
#header .navbar-brand img {width: 50%;}
.page .date, .page .post-meta, .page #comments {display: none;}
.page .hentry {border: 0 !important; padding: 0 !important;}
#home-slider.static {background-position: top center !important; background-repeat: no-repeat;}
.admin-bar .overlay {top: 0px;}
@media screen and (max-width: 1282px){
#owl-main-text h2 {
    font-size: 45px;
}
}
@media screen and (max-width: 1104px){
#owl-main-text h2 {
    font-size: 35px;
}
}
@media screen and (max-width: 768px){
.navbar-nav > li:hover > .sub-menu {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 5%;
}
.navbar-nav > li > .sub-menu li {
    margin: 10px 0px;
}
#owl-main-text h2 {
    font-size: 25px;
}
}
@media screen and (max-width: 568px){
.post {padding: 0 0 30px 0;}
.post .date {display: none;}
#owl-main-text h2 {
    font-size: 20px;
}
}

    In all media screen css for mobile breakpoints. You can see this css:

    #owl-main-text h2 {
    font-size: 20px;
}

    Change each time for each screen size and check it, if it's fit for your mobile screen, please stop change rest value.

    Make sure you had save all custom css above so you can add it again if you update our theme.

    Best Regards,
    Jelly Team