Problem with title and menu when on mobile

Mauer Themes Support Narrator Problem with title and menu when on mobile

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #3959
    michaelbrennan7
    Participant

    Can you please assist me. I have just created the following page and have 2 problems when viewing on mobile.

    http://www.unitedfanculturearchive.com

    1. The menu does not sit correctly on the right hand side of page
    2. The title of website is made up of 4 words. One of the words (Archive) is split across two lines which does not look good

    Can you please help?

    Thanks,

    Michael

    #3974
    michaelbrennan7
    Participant

    Can someone please help me with this?
    Thanks
    Michael

    #4083
    Paul
    Keymaster

    Hello Michael,

    Please excuse the late reply.

    The menu ‘hamburger’ being shifted to the left on mobile has been fixed in the latest release of the theme that you can download from your ThemeForest account.

    And as for the title being broken into two lines, actually this is by design. Otherwise the title would start overlapping the ‘hamburger’ menu. However, what you can do is play around with CSS to fix this. Your website is behind a password. But I assume the four words are “United Fan Culture Archive”.

    You could use the following CSS to make the text smaller and thus keep it on one line. Please mind, that in some narrower resolutions the text will still be broken into two lines.

    @media (max-width: 570px) {
    	.site-logo.mauer-logo-mobile a h1 {
    		font-size: 1.4rem;
    		position: relative;
    		bottom: 0.4rem;
    	}
    }

    You can add the above CSS code to your website by going to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’. There please just paste the code and click ‘Publish’.

    Regard,
    Paul

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.