Header Logo Sizing Incorrectly on Tablets and mobile devices

Forums » WordPress » Parabola » Bugs

  • Author
    Posts
  • June 12th, 2015 at 22:56 #32139
    David Calderwood

    There is a code block missing from the mobile css file which causes the header logo to display wider than the screen on devices between 650px and 1350px. The CSS needs an additional @media in the CSS. I have added this to the Custom CSS and it has corrected the display error. 

    /* FIX MOBILE LOGO SIZE*/
@media (max-width: 1650px) {
         #branding, .topmenu { width:100%; }
        #bg_image {width:100%;}
	#header-container > div {height:100%;}
}
    August 10th, 2015 at 11:45 #32512
    Zed
    Cryout Creations mastermind

    That styling (or similar) already exists in the theme if you check the Keep header image aspect ratio option (under Header Settigns).

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Header Logo Sizing Incorrectly on Tablets and mobile devices’ is closed to new replies.