Logo moves to the middle on mobile version

• 

  corvinewsmedia · Member · Aug 9, 2019 at 2:19 pm

  • Copy link
  • Add topic to favorites

  As you can see on http://www.corvinews.com the logo is left-aligned if viewed from a laptop computer or tablet, but on mobile devices the logo immediately moves to the center. is there anything I can do to prevent that and have the logo remain on the left side even on mobile versions? thank you in advance

  The blog I need help with is: (visible only to logged in users)

• 

  abhogan · Member · Aug 9, 2019 at 3:21 pm

  • Copy link

  It looks like your site is hosted by HostGator, so you are using WordPress.org rather than WordPress.com (see the differences here). You can find support for .org sites at the WordPress.org forums instead.

  However, I’d already started looking into it, so here’s my previous response:

  That is a pretty standard design convention for responsive themes. If you are able to change/add CSS, try the following to keep the logo to the left on smaller screen sizes:

  @media screen and (max-width: 800px)
#header-logo-image, .header_display_type_one #header-logo-image {
float: left;
text-align: left;
padding-right: 10px;
}

  @media screen and (max-width: 768px)
#masthead.colormag-header-clean #header-text-nav-wrap {
padding: 30px 0;
}