Mobile View Issues

  • Resolved salfishy

    (@salfishy)


    9 years, 10 months ago

    Hey! I am having issues on the mobile view for the website. First off, I have 2 menus showing up; one in the top right corner, a second under the header. I want to remove the menu under the header, if at all possible.

    Secondly, I have issues with the bootstrap slider. The heading is the only text that shows for each slide, which does not allow me to follow any links that are supposed to be there.

    Any help would be appreciated!

    Website: http://www.fapa-on.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Denzel Chia

    (@denzel_chia)

    9 years, 10 months ago

    Hi,

    I am not seeing the issues.
    Did you managed to fix them yourself?

    Thank you.

    Thread Starter salfishy

    (@salfishy)

    9 years, 10 months ago

    Hi!

    I was able to fix the 2-menu issue; but still have an issue with the slider in the mobile view.

    I am unable to follow any links with any of my slides from the bootstrap slider on a mobile browser. Is this just how the theme is or is there a way to make the slide title a link?

    Denzel Chia

    (@denzel_chia)

    9 years, 10 months ago

    Hi,

    Try using the following in Theme Options -> Custom CSS

    @media screen and (max-width:768px){
.bootstrap-button {
    display: block !important;
    font-size: 10px;
    top: 10px;
}
}

    This should make your learn more button show up in mobile.

    This should be a bug, I just made a report to the theme developers.

    Thank you.

    Thread Starter salfishy

    (@salfishy)

    9 years, 10 months ago

    Thanks friend!

    The button is pushing my slider title out of view and partly behind the header, I’m not sure if you want to add that note for the theme devs. I played around with the button margins as follows to fix:

    @media screen and (max-width:768px){
.bootstrap-button {
    display: block !important;
    font-size: 10px;
    top: 30px;      /* Pushed button down to make more room for Title */
    margin-top:-35px;    /* Removed some gap between button and title */
}
}

    Thanks for the assistance! definitely fixed the issue.

    Denzel Chia

    (@denzel_chia)

    9 years, 10 months ago

    You are welcome.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile View Issues’ is closed to new replies.