Mobile problems with site

Home › Forums › Jevelin Theme › Mobile problems with site

Home › Forums › Jevelin Theme › Mobile problems with site

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    NOT RESOLVED Posts

  • DavidsonJ
    Participant

    Hello. The site appears to be working well so far on desktop but when I open it on mobile I am having some problems.

     

    The URL is osmosisjourney.com

     

    Problems: On Desktop my header stays white which is what I would like to happen on mobile. On mobile the header turns invisible, which I would like to disable.

     

    The slider revolution slide I created doesn’t work well on mobile. The text collapses and runs into each other. How do I fix this?

     

    There is a weird grey colored bar that appears behind the slider on mobile. How do I get rid of it?

     

    Thanks for your help with this.

     

     

     

    Shufflehound Support
    Moderator

    Hi @DavidsonJ,

     

    I hope you are well today and thank you for your questions.

     

    On Desktop my header stays white which is what I would like to happen on mobile. On mobile the header turns invisible, which I would like to disable.

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    div#header-mobile {
    background: #FFF !important;
}

div#header-mobile .sh-header-builder-main-element-icon{
    color: rgba(61,61,61,.69) !important;
}
div#header-mobile .sh-header .c-hamburger span, 
div#header-mobile .sh-header .c-hamburger span:before, 
div#header-mobile .sh-header .c-hamburger span:after, 
div#header-mobile .sh-header-mobile-navigation .c-hamburger span, 
div#header-mobile .sh-header-mobile-navigation .c-hamburger span:before, 
div#header-mobile .sh-header-mobile-navigation .c-hamburger span:after {
    background-color: rgba(61,61,61,.69) !important;
}

     

    The slider revolution slide I created doesn’t work well on mobile. The text collapses and runs into each other. How do I fix this?

     

    There is a weird grey colored bar that appears behind the slider on mobile. How do I get rid of it?

    You have to make the slider responsive as described in the below pages.

     

    https://support.stylemixthemes.com/revolution-slider-responsive-settings

    https://themes.zone/docs/how-to-make-slider-revolution-responsive/

    https://www.themepunch.com/slider-revolution/responsive-settings/

    https://www.themepunch.com/revslider-se-doc/layer-responsive-behavior/

     

    Best regards,
    Shufflehound team

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form