Header and Menu when viewed on mobile

Home Forums Ribosome Pro Header and Menu when viewed on mobile

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  Juan de la Cruz 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1237

    dc
    Participant

    It is possible to have a different header image showing on a mobile device from that on the desktop. Also how do you change the background colour of the menu for a mobile device? I can get the grey menu background for desktop, but it goes to black on a mobile.

    Many Thanks

    #1238

    Juan de la Cruz
    Keymaster

    Hi,

    The header image can not be changed on mobile devices. As for changing the color of the menu on mobile devices, you can paste the following CSS in Appearance> Customize> Additional CSS (by changing the color codes you want):

    #menu-movil{
    	background-color:#eaeaea;
    }
    .menu-movil-enlaces li a{
    	color:#444444 !important;
    	border-bottom: 1px solid #cccccc;
    }
    .submenu-colapsado:before{
    	color:#444444;
    	border-left:1px solid #cccccc;
    }
    .social-icon-wrapper-movil a{
    	color:#444444;
    }

    Regards.

    #1245

    dc
    Participant

    Hello, thank you for your reply. Sorry, I may have not been clear with my question… I would like to be able to change the colour of the background behind the word MENU (and also the colour of the word “MENU”) on a mobile page, so it appears as the desktop site.
    Many Thanks, David.

    #1247

    Juan de la Cruz
    Keymaster

    Hi,

    go to Appearance > Customize > Additional CSS and paste the following (by changing the color codes you want):

    .boton-menu-movil-sin-top-bar {
    	background-color:#eaeaea;
    	color:#444;
    }

    Regards.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.