xxlfm

I could use custom css like .view-full { display: none; }.

Just wonder if there is visual setting for that and change the link url.

Thanks a lot, Bcworkz. Will do:)

/* Responsive CSS for smaller screens */
@media screen and (max-width: 767px) {
    div.top-right-class ul {
        float: none;
        margin: 0;
        text-align: center; /* Center the menu items */
    }

    div.top-right-class li {
        padding: 10px; /* Add some padding to improve touch usability */
        display: block;
    }
}

I created WordPress website and using the theme not support 2nd menu.

So I added the top right menu by using:

1. Code Snippets ? Add Snippet 

<?php
    function wpb_top_right_menu() 
{
        register_nav_menu('top-right-menu',__( 'Top Right Menu' ));
}
add_action( 'init', 'wpb_top_right_menu' );?>

2. Appearance ? Theme File Editor ? Header(typically)

wp_nav_menu( array( 'theme_location'=>'top-right-menu', 'container_class'=>'top-right-class' ) );

It’s working in full size browser, but not within mobile and tablet which are reduced size. How can I fix that?

and here is the CSS for top right menu:

div.top-right-class ul {

	float:right;

    margin:20px 0px 20px 0px;

    list-style-type: none;

    list-style: none;

    list-style-image: none;

    text-align:right;

    display:inline-block;

}

div.top-right-class li {

    padding: 0px 20px 0px 0px;

    display: inline-block;

}  

div.top-right-class a { color:blue; }

Thanks for help.