Mobile site switchover

  • Graphene2User

    #51336

    At how many pixels does the site switch into mobile mode?
    I’m trying to make sure Max Mega Menu switches at the same point.

    Also in mobile mode an extra line for the site title is displayed – how to remove it?
    It’s already disabled for normal mode

    Graphene2User

    #51337

    ok this explains why the site title space is there on mobile

    Admin

    Syahir Hakim

    #51338

    Graphene uses Bootstrap as the grid system, so the mobile breakpoints follow the same as Bootstrap. In the case of mobile devices, it’s 768px. See Bootstrap’s documentation for the full list of responsive breakpoints.

    Graphene2User

    #51339

    Thanks Syahir
    Is there a way to prevent Graphene inserting the title line at the mobile breakpoint?
    A plugin such as Max mega menu replaces the menu on the menu line with a hamburger and other options.

    Admin

    Syahir Hakim

    #51341

    The easiest way would be to just hide the title line using the following CSS code:

    @media (max-width: 767px) {
    	.header_title {
    		display: none !important;
    	}
    }
    

    Graphene2User

    #51347

    Thanks – that’s great!

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

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!