Menu above built with this plugin including Mega Menu.

Reduce the size of the title text on mobiles

This topic contains 5 replies, has 2 voices, and was last updated by  Peter Featherstone 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #50559 Reply

    Laurent Dinterich
    Participant

    Hello,
    I just bought the license Pro and I am pleasantly surprised by all that can be done with this plugin
    I use the header bar text for the title of the site of our association http://1maxdebruit.fr.
    But on mobiles, the title is to big.
    Is there a CSS solution to reduce the size of the title on mobiles and tablets?
    In advance, thank you for your help.

    Best regards
    Laurent

    #50562 Reply

    Hey Laurent,

    You can’t target specific devices but you can use standard CSS media queries to target a specific screen size.

    I hope that helps

    Peter

    #50563 Reply

    Laurent Dinterich
    Participant

    Hi Peter,
    Thank you for your quick response, but I am not a developer and do not know much about it.
    Can you give me the necessary instructions?
    Thank you.

    Best regards
    Laurent

    #50565 Reply

    Hey Laurent,

    Sure, the below should be enough, just adjust the max-width value to your needs.

    @media only screen and (max-width: 800px) {
        #responsive-menu-pro-header-bar-title {
            font-size: 16px;
        }
    }

    I hope that helps

    Peter

    #50566 Reply

    Laurent Dinterich
    Participant

    Hi Peter,
    You are the best, thank you so much.

    Best Regards
    Laurent

    #50568 Reply

    Hey Laurent,

    You are more than welcome :-)

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)
Reply To: Reduce the size of the title text on mobiles
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed